/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
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

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste