Jens Gyldenkærne Clausen <jens@gyros.invalid> wrote:
> Du skal både validere html og css. CSS-validatoren skriver det
> ligefrem når man bruger den:
>
> ,--------
> | To work as intended, your CSS style sheet needs a correct document
> | parse tree. This means you should use valid HTML.
Sorry - jeg var lige helt fokuseret på mit css.
> Herefter følger en lang række fejl der alle skyldes at du lægger
> div-elementer ind i links (a-elementer). Det er ikke tilladt - se evt.
> siden her: <
http://gyros.dk/usenet/html/blokinline.shtml>.
Øv - jeg gør det lige lidt mere simpelt - så jeg får et problem løst ad
gangen. Jeg glemmer lige alt om links, og vil bare undgå at mit billede
rykker ind - jeg bygger en blok op med div:
<div id="boks1"></div>
Den skal egentlig bare ligge et forløb ind i min baggrund:
#boks1 { text-decoration: none; background-image:
url("Baggrundsgiffer/FID_forloebsgif.gif"); position: absolute; z-index:
1; top: 0; left: 0; width: 200px; height: 276px; border-width: 0 }
Herefter vil jeg lægge 4 blokke med samme x-koordinat lige under
hinanden.
Den øverste med en streg i bunden:
<div id="boks1a">
#boks1a { text-decoration: none; position: absolute; z-index: 2; top:
0; left: 0; width: 200px; height: 69px; border-bottom: 2px solid #ff9000
}
I denne boks1a vil jeg placere et billede med samme x og y-koordinat:
<img class="featureimage" src="test.gif" alt="box1a" height="69"
width="65" border="0">
..featureimage { position: relative; z-index: 2; top: 0; left: 0; float:
left }
Her opstår mit første problem - som ses her - med IE :
Billedet vil ikke holde højrekant med min boks.
Er der nogen der kan sige hvorfor - i Firefox står det som jeg ønsker.
--
Venlig hilsen Nina Storm