obrazek na środku za pomocą CSS

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
margot
Posty: 1
Rejestracja: pt lis 19, 2004 10:52 pm

obrazek na środku za pomocą CSS

Post autor: margot »

Czy ktoś wie, jak umieścić obrazek na środku pustej strony ?
Nie chodzi mi o <center> tylko o CSS.
Proszę o odpowiedzi łopatologiczne :) i zgóry dziękuję!!
mdx
Nowy
Nowy
Posty: 84
Rejestracja: wt wrz 16, 2003 7:59 pm
Lokalizacja: Łuków
Kontakt:

Re: obrazek na środku za pomocą CSS

Post autor: mdx »

Plik jakiśtam html:

Kod: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//PL" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="styl.css" rel="stylesheet" type="text/css" />
<title></title>
</head>

<body>
<div id="xxxxx">
<div id="main"> 
<img src="obrazek.png" alt="" width="" height="" />
</div> 
</div>
	
</body>
</html>
i do niego plik styl.css:

Kod: Zaznacz cały

html,body { 
margin: 0; 
padding: 0; 
background-color: #FFFFFF; 
} 
#main { 
margin: 0 auto; 
padding: 0; 
text-align: center;
width: 60px;
height: 60px;
} 

#xxxxx { 
position:absolute; 
top:50%; 
left:0; 
margin-top: -30px; /*połowa wysokosci DIVa #main*/ 
width:100%; 
}
Wymiary diva main to wymiary obrazka
ODPOWIEDZ