Svende på dk.edb.internet.webdesign.html,
Jeg har lavet et websted hvor jeg kun har brugt CSS til formattering
(som Vorherre ville ønske det :), men jeg har fundet ud af det ikke er
lovligt at have samme ID på flere elementer, og eftersom jeg har samme
ID på op til 10 elementer på samme side, må jeg nok hellere gøre noget
ved det!
Først viser jeg lige problemet:
Dette er minimal HTMLen ______________________________________________
<p>Noget tekst.</p>
<div class="imgr" id="img">
<img src="billedet" alt="alt tekst" width="400" height="300" title="titlen">
<p>Noget tekst</p>
</div>
<p>Noget mere tekst.</p>
Dette er det relevante CSS ___________________________________________
div.imgl {
background-color: #FFFFFF;
text-align: left;
margin: 2em 2em 1em 0em;
border: solid;
padding: 0.01em;
position: relative;
left: 0em;
top: 0em;
right: 0em;
bottom: 0em;
width: 400px;
float: left;
border-top-color: #CCCCCC;
border-right-color: #333333;
border-bottom-color: #000000;
border-left-color: #999999;
border-top-width: 1px;
border-right-width: 3px;
border-bottom-width: 3px;
border-left-width: 1px;
}
div#img p {
FONT-SIZE: 0.8em;
COLOR: #000000;
LINE-HEIGHT: 1.2em;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
TEXT-ALIGN: left;
padding: 0.4em;
margin: 0.5em;
}
______________________________________________________________________
Problemet er at jeg har flere <div>'er med ID="img", der således alle
bliver formatteret med den "div#img p", som man kan se herover, men
dette er bare ikke lovligt og derfor skal det ændres.
Sagen er at jeg ikke kan få <p> inden for <div>en til at "opføre sig
ordentligt", hvis de skal kombineres - margin/padding skal være
forskellig for <img> og <p> elementet i forhold til den <div> der
omslutter dem.
Man kan lave en separat <p> klasse, der skal lægges på hvert <p>
element i HTMLen under <div class="imgl">. Dette vil jeg dog helst
undgå, da det ikke kan gøres automatisk (der er mange <p>'er det ikke
skal lægges på) og koden bliver mere rodet, men er der andre
muligheder?
PFT.
--
<author> Peter Fjelsten </author>
<e-mail valid> yes </e-mail valid>