/ 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
CSS center image
Fra : Leonard


Dato : 27-01-01 22:07

Hvordan centrerer jeg et <img> med CSS ?
Altså denne gamle måde:
<img src="pic.jpg" align="center">
i CSS.
--
mvh Leonard - http://leonard.dk/


 
 
Knud Gert Ellentoft (27-01-2001)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 27-01-01 22:58

Sat, 27 Jan 2001 21:07:09 GMT, skrev not2@sporty.dk (Leonard):

>Hvordan centrerer jeg et <img> med CSS ?
>Altså denne gamle måde:
><img src="pic.jpg" align="center">
>i CSS.

Du burde kunne bruge:
<img src="pic.jpg" style="text-align: center">

eller hvis du bruger et stylesheet:
img   {text-align: center}

Problemet er bare, at det ikke virker i nogen browsere!

Så løsningen er en div med en class eller inline-style.
Class:
<HTML>
<head>
<style>
..img   {text-align: center}
</style>
</head>
<body>
<div class="img">
<img src="pic">
</div>
</body>
</HTML>

eller inline-style:
<div style="text-align: center">
<img src="BLOWFISH.gif">
</div>

med venlig hilsen
Knud
--
http://smedeparken.mobilixnet.dk
med hjælp og tips til din hjemmeside -
Sidst opdateret 21.12.2000 og er kun i sin spæde start.

Knud Gert Ellentoft (27-01-2001)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 27-01-01 23:24

Sat, 27 Jan 2001 21:07:09 GMT, skrev not2@sporty.dk (Leonard):

>Hvordan centrerer jeg et <img> med CSS ?
>Altså denne gamle måde:
><img src="pic.jpg" align="center">
>i CSS.

I mit første svar, var der et par sjuskefejl, er slettet.
Du burde kunne bruge:
<img src="pic.jpg" style="text-align: center">

eller hvis du bruger et stylesheet:
img   {text-align: center}

Problemet er bare, at det ikke virker i nogen browsere!

Så løsningen er en div med en class eller inline-style.
Class:
<HTML>
<head>
<style>
..img   {text-align: center}
</style>
</head>
<body>
<div class="img">
<img src="pic.jpg">
</div>
</body>
</HTML>

eller inline-style:
<div style="text-align: center">
<img src="pic.jpg">
</div>

med venlig hilsen
Knud
--
http://smedeparken.mobilixnet.dk
med hjælp og tips til din hjemmeside -
Sidst opdateret 21.12.2000 og er kun i sin spæde start.

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

Månedens bedste
Årets bedste
Sidste års bedste