/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Hvorfor virker min CSS positionering og ba~
Fra : Lisbeth Schillig


Dato : 23-11-01 21:18

Det her driver mig til VANVID!!!!

Pkt.1 :
Hvis jeg i min Stone WebWriter trækker følgende ind i min HEAD:
<LINK REL="stylesheet" HREF="css/position1.css" TYPE="text/css">
Hvor min CSS består af:
#billede1{
position:absolute;
top:100px;
left:200px;
}
#billede2{
position:absolute;
top:500px;
left:300px;
}
Og i BODY skriver:
<IMG CLASS="#billede1" SRC="images/minami.gif" WIDTH="377"
HEIGHT="85">
<IMG CLASS="#billede2" SRC="images/forsidelogo.jpg" WIDTH="302"
HEIGHT="159">
Så virer det ikke...

Eller hvis jeg i HEAD skriver:
<STYLE TYPE="text/css">
#billede1{
position:absolute;
top:200px;
left:200px;
}
#billede2{
position:absolute;
top:500px;
left:300px;
}
</STYLE>
Og igen i BODY skriver:
<IMG CLASS="#billede1" SRC="images/minami.gif" WIDTH="377"
HEIGHT="85">
<IMG CLASS="#billede2" SRC="images/forsidelogo.jpg" WIDTH="302"
HEIGHT="159">
Så virker det heller ikke.

Pkt.2:
Hvis jeg trækker denne ind i HEAD:
<LINK REL="stylesheet" HREF="css/baggrund.css" TYPE="text/css">
Som består af:
BODY {
background-image:url(images/09orange.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:topleft;
}
Virker det ikke.... men dog hvis jeg starter min BODY som
følgende:
<BODY
STYLE="background:url(images/09orange.jpg);background-repeat:no-r
epeat;background-attachment:fixed;background-position:topleft;">

Hvorfor nu det ????
...og nu troede jeg lige jeg var ved at fatte det der med CSS...

:0/
Lisbeth


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Jonas Astrup - html.~ (23-11-2001)
Kommentar
Fra : Jonas Astrup - html.~


Dato : 23-11-01 22:08

Lisbeth Schillig wrote in dk.edb.internet.webdesign.html:
> Det her driver mig til VANVID!!!!

Rolig

Husk at der er forskel på class og id - det vil sige at:

1) Når du bruger class i din HTML kode, f.eks.: <div
class="billede1"> skal du henvise i dit stylesheet med et punktum
foran class-navnet - altså:

.billede1 {position:absolute;}

1) Når du bruger id i din HTML kode, f.eks.: <div id="billede1">
skal du henvise i dit stylesheet med en "havelåge" foran id-navnet -
altså:

#billede1 {position:absolute;}

---

Du gør vist noget midt i mellem class og id - med "havelåge" i
class-navnet. Derfor virker det ikke

Læs evt. mere grundig beskrivelse her:
http://www.html.dk/tutorials/css/lektion7.asp

Iøvrigt:

Det er altid en god idé at bruge en <div> når du positionere
billeder med CSS istedet for at angive id eller class direkte på
billede-elementet. Altså istedet for:

<img id="billede1" src="billede1.jpg">

Er det bedre at gøre sådan her:

<div id="billede1"><img src="billede1.jpg"></div>

Mvh
Jonas

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Søg
Reklame
Statistik
Spørgsmål : 177557
Tips : 31968
Nyheder : 719565
Indlæg : 6408879
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste