Imam webstranicu i htio bi staviti sliku na sredinu, može li mi netko dati html kod za taj dio?
- +/- sve poruke
- ravni prikaz
- starije poruke gore
neznam tražiš li to da se stilizira pomoću CSS-a i div tagova, ali ti evo kod za to iako nije slika baš na sredini ali samo margine promijeni u CSS kodu.
<html>
<head>
<style type="text/css">
body
{
background-color:#863d63;
}
#slika {
width:65px;
height:48px;
margin:250px 250px;
background-image:url(http://www.bug.hr/_cache/f21ee32ba5651801e3a736559a23b90c.jpg?rnd=814693);
background-repeat:no-repeat;
}
</style>
</head>
<body>
<div id="slika"></div>
</body>
</html>
<center>slika</center>
to će mu sliku staviti na sredinu ali ce biti na vrhu
Onda uradi npr
<div valign="center"><center>slika</center></div>
Nece to ici bas tako... to bude trebalo ici preko jave, dakle vidis kolike ti je visine monitor, pa na osnovu toga racunas margin-top...
Inace je vertikalno centriranje problematicno, ovisi o previse varijabli...
Prije </head> taga zalijepi ovaj Javascrip kod:
<SCRIPT language="JavaScript">
function setHeight()
{
var intH = 0;
var intW = 0;
if(typeof window.innerWidth == 'number' )
{
intH = window.innerHeight;
intW = window.innerWidth;
}
else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight))
{
intH = document.documentElement.clientHeight;
intW = document.documentElement.clientWidth;
}
else if(document.body && (document.body.clientWidth || document.body.clientHeight))
{
intH = document.body.clientHeight;
intW = document.body.clientWidth;
}
document.getElementById('slika').style.top = "0px";
document.getElementById('slika').style.left = "0px";
document.getElementById('slika').style.width = intW+"px";
document.getElementById('slika').style.height = intH+"px";
}
</SCRIPT>
Nakon toga unutar body taga dodaj evente onload i onresize:
<body onload="setHeight();" onresize="setheight();">
unutar <body> i </body> tagova dodaj tabelu unutar koje ces staviti sliku ili neki sadrzaj koji treba biti centriran:
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="slika" width="100%" align="center" valign="middle">
<img src="images/xyz.jpg" width="1" height="1" border="0" alt="" />
</td>
</tr>
</table>
A može i ovako, dosta jednostavnije:
<table height="100%" width="100%" valign="top"><tr><td align="center">slika</td></tr></table>
I 100% daje ono sto se trazi :)
Ne znam jesil i ti to probao, ali sam siguran da u Operi i IE-u ne radi 100%. Svi bi mi koristili tako da radi.
Radi perfektno. Ne znam kako je u novom IE, vjerujem da je isto kao i u starom. Ja sam probao na 6.0 verz.