07. oktober 2009 - 03:34Der er
7 kommentarer og 2 løsninger
At putte ramme rundt om billeder og centrere dem
Jeg er i gang med at lave en hjemmeside som et skoleprojekt, men der er en enkelt ting, som jeg simpelthen bare ikke kan se systemet i, hvordan man gør, og det er ved at drive mig til vanvid (måske forklare det den sene post tid?) ;)
Jeg er på ingen måde en haj til .html, så måske er min forklaring ikke så god, men jeg skal gøre mit bedste:
Som min overskrift udtrykker det vil jeg gerne lave en ramme rundt om nogle billeder og centrere dem. Der er to sider:
Den ene viser en række thumbnails og de linker videre til en side hvor man ser thumb'erne i stort format. Jeg er bekendt med eksterne style sheets, inline styles osv., dog uden at være særlig god til det.
Det der forvirrer mig er, at jeg ikke kan finde rundt i om jeg skal...
Lave en class med regler om rammer og centrering og skal den i så fald stå i img tag'et, i en div der indeholder tag'et, som et p-element eller noget helt tredje?
Eller skal jeg lave en inline style for centreringen i en div og en class med rammen til hvert billed?
Skal jeg bruge en <div id="et-eller-andet"> og lave en regel for denne eller måske en <p id="et-eller-andet">?
Eller...?
Jeg ved ikke om det er helt uforståeligt hvad jeg skriver, men det jeg i bund og grund spørger efter er, om der er nogen der kan undvære lidt tid til at forklare mig denne, formentlig utrolig simple, ting?
Nej Gudiik, der findes ikke nogen align attribut i CSS, det er vha. margin at centreringen opstår.
Du kan bruge lige den identifier som du ønsker, eller sætte det ind som inline CSS hvis du ønsker. Container elementet er underordnet, så længe det fylder hele sidens bredde.
...var, at rammen røg rundt om div'en. Hvis jeg derimod nøjes med at centrere div'en med en text-align: center og sætter rammen på i selve mit img tag så ser det ordenligt ud. Jeg ved ikke, om dette er en ligeså god måde at gøre det på? Det virker i hvert fald indtil videre.
Jeg kan ikke se, at koden roder, men det er måske netop det, der er problemet :)
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.