/ Forside/ Teknologi / Udvikling / CSS / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
CSS
#NavnPoint
molokyle 2854
Klaudi 720
bentjuul 510
smorch 310
Benjamin... 310
e.c 300
EXTERMINA.. 210
stone47 200
danielsko.. 100
10  ME.alexan.. 100
sidejustering og centrering
Fra : frankthomsen64
Vist : 680 gange
50 point
Dato : 21-09-06 23:03

hej

hvorfor virker dette ikke?

har en centreret billede, hvor der skal være et flag på hver side af billedet, med lige stor afstand til kanterne.

Håber der er nogen der kan hjælpe.





<style>
a.dk {position:absolute;top:200px;margin-left:10%}
a.uk {position:absolute;top:200px;margin-right:10%}
</style>
<center>
<img src="maleri.jpg" alt="maleri">
</center>
<a href="index_eng.html" class="uk"><img src="uk-flag1.gif" border=0 width=125 height=100 alt="uk"></a>
<a href="index_dk.htm" class="dk"><img src="dk-flag1.gif" border=0 width=125 height=100 alt="dk"></a>

 
 
Kommentar
Fra : molokyle


Dato : 22-09-06 10:33

Du kan bruge egenskaben margin:auto; for at centrere et element vandret.

http://www.webdesign101.dk/csslayout/ex/autocentrering_2.html

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 22-09-06 10:52

Problemet er nok IE (..som sædvanlig):

http://theodorakis.net/blockcenter.html

</MOLOKYLE>

Accepteret svar
Fra : molokyle

Modtaget 50 point
Dato : 22-09-06 11:20

Du kan således. Det virker i IE:
Citat
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Center plus</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
div.center {display:block;text-align:center;}
</style>
</head>
<body>
<div class="center">
<img src="DIT_FLAG.jpg" alt="" title="" />
<img src="DIT_BANNER.jpg" alt="" title="" />
<img src="DIT_FLAG.jpg" alt="" title="" />
</div>
</body>
</html>


Afstanden mellem de tre billeder kan du styre med position og margin egenskaberne:

1.) http://www.w3schools.com/css/css_reference.asp#positioning
2.) http://www.w3schools.com/css/css_reference.asp#margin

</MOLOKYLE>


Godkendelse af svar
Fra : frankthomsen64


Dato : 22-09-06 13:28

Tak for svaret molokyle.

Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408914
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste