|
| Positionering af billede-link! Fra : Sebastian Mathias La~ |
Dato : 06-03-04 21:57 |
|
Jeg er lige ved at lave min første rigtige hjemmeside, men kan
ikke finde ud af at centrere et billede-link MIDT på siden. På
midten af både x- og y-aksen. Hvordan gør jeg det i et
stylesheet?
på forhånd tak
--
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
| |
Ryan Kristensen (07-03-2004)
| Kommentar Fra : Ryan Kristensen |
Dato : 07-03-04 02:29 |
|
On Sat, 6 Mar 2004 20:57:25 +0000 (UTC), Sebastian Mathias Lange
<sebjlan@brnet.dk> wrote:
> Jeg er lige ved at lave min første rigtige hjemmeside, men kan
> ikke finde ud af at centrere et billede-link MIDT på siden. På
> midten af både x- og y-aksen. Hvordan gør jeg det i et
> stylesheet?
En mulighed ville være:
<div id="centrerbillede">
<img src="billedsti.jpg" alt="billede">
</div>
Og så med følgende css:
#centrerbillede {
width:100%;
text-align:center;
}
Dette vil centrere billedet i forhold til den omgivende boks, hvilket
betyder, at hvis du placere <div id="centrerbillede"> i en anden div der
f.eks. er venstrejustreret og med width:50%, så vil billedet være i midten
af den venstre halvdel af skærmen.
Så længe den omgivende boks fylder hele bredden - eller er centreret - så
virker det.
Det er den letteste måde, at centrere på. Hvis det af en eller anden grund
ikke er muligt på denne måde, så kan du også gøre noget med:
#centrerbillede {
left:50%;
margin-left: - billedets bredde/2 + 'px';
/* f.eks. hvis billedet er 200px bredt, så skal der stå:
margin-left:-100px; */
}
Lodret centrering fungere på samme måde:
#centrerbillede {
top:50%;
margin-top: - billedets bredde/2 + 'px';
}
Du skal bare være opmærksom på, at hvis indholdet ikke holder
sig inden for den angivne højde på boksen, så vil noget af billedet
forsvinde ud af browservinduet.
Desværre er der ikke nogen sikker måde at centrere lodret på.
--
Ryan Kristensen
| |
|
|