Skulle vilja ha lite hjälp med ett litet problem
Nu skulle jag vilja göra så att alla bilder som ska ligga i mitt fotalbum ska vara centrerade. Kan jag använda en klass selektor till det eller ska jag använda en id selektor?
Men jag måste erkänna att jag inte har riktig koll på vad det är för skillnad på dem och hur dem används. ID selektor kan man väl bara använda till ett element och en klass till flera?
Men om jag vill använda klass selektorn till bilderna kan jag skriva såhär i css koden då:
.center {
text-align: center;
}
I XHTML koden ser bilderna ut såhär:
<p><br />
<img src="../Bilder/070308/IMG_5850.jpg" width="515" height="404" />
<br />
<br />
<img src="../Bilder/070308/IMG_5863.jpg" width="540" height="363" /><br /> <br />
<img src="../Bilder/070308/IMG_5893.jpg" width="365" height="577" /><br /> <br /></p>
Hur ska jag lägga in css koden här så att bilderna blir centrerade??
Hälsningar Emelie
(håller på med en sida uppbyggt av kolumner och bilderna ska ligga i den ena kolumnen)
Danne VMedlem sedan aug. 20068 090 inlägg Det är riktigt att .class kan användas på flera element på samma sida.
Eftersom dina bilder ligger i p-taggar, så föreslår jag att du ger dom (p-taggarna) den klassen du har (.center).
Om du har flera p-taggar, så kan du kanske lägga en div runt dom och ge den ett id (t.ex. #bilder). Sen kan du formatera alla p-taggarna i ett svep så här:
#bilder p {
text-align:center
}
sen kan du ordna med marginal för bilderna istället för br-taggarna:
#bilder p img {
margin-top:16px;
margin-bottom:16px
}
Typ, ungefär....
EDIT: Nu fattar jag din ursprungliga fråga....
Du gör så här: <p class="center"> blah blah bilder här blah blah </p>
tantenMedlem sedan nov. 20051 596 inlägg Fast jag föredrar Danne V:s förslag, när han säger att man utgår från #bilder... det går att göra så mycket mer med så lite html-kod som möjligt då.
Och välkommen!
Tack för ett bra svar!!
Jag gjorde så att jag la in bilderna runt div taggar. Blev lättare så!
Och sen gjorde jag som du skrev där också att jag formaterade marginalerna istället föra att ha br taggar!! Himla bra!!
Tack så mycket!!!