View previous topic :: View next topic
Author
Message
[0_o] Joined: 07 Jun 2007 Posts: 42
Posted: 23.10.2008 10:25 Post subject: pliz help css div
Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>sajt</title>
<style type="text/css">
body {
background-image: url(bg_black.gif);
background-repeat: repeat;
text-align:center;
margin:0 auto;
width:auto;
}
a:focus {outline-style: none;}
#logo {
position: absolute;
top: 35px;
left: 17.1%;
}
#kontenjer{
width:auto;
position: absolute;
top: 68px;
left: 17.1%;
}
#link1 {
position: absolute;
}
#link2 {
position: absolute;
left: 140px;
}
#link3 {
position: absolute;
left: 280px;
}
#link4 {
position: absolute;
left: 420px;
}
#link5 {
position: absolute;
left: 560px;
}
#link6 {
position: absolute;
left: 700px;
}
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<!--LAYOUT-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<th>
<td bgcolor="#000000" height="13" border="0" cellspacing="0" cellpadding="0">
<div align="center"><img src="top_line.gif" width="900" height="13"></div></td>
</th>
</tr>
</table>
<table align="center" width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="650" widht="900" align="center" valign="baseline" background="bg_white.gif" border="0" cellspacing="0" cellpadding="0"></td>
</tr>
</table>
<!--CONTENTS-->
<div id="logo"><img src="FFS.gif"/></div>
<div align="center" id="kontenjer">
<div id="link1">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','index/f_pic_ro.gif',1)"><img src="index/f_pic.gif" name="Image3" width="130" height="240" border="0" id="Image3" /></a>
</div>
<div id="link2">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','index/fs_pic_ro.gif',1)"><img src="index/fs_pic.gif" name="Image4" width="130" height="240" border="0" id="Image4" /></a>
</div>
<div id="link3">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','index/v_pic_ro.gif',1)"><img src="index/v_pic.gif" name="Image5" width="130" height="240" border="0" id="Image5" /></a>
</div>
<div id="link4">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','index/n_pic_ro.gif',1)"><img src="index/n_pic.gif" name="Image6" width="130" height="240" border="0" id="Image6" /></a>
</div>
<div id="link5">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','index/i_pic_ro.gif',1)"><img src="index/i_pic.gif" name="Image7" width="130" height="240" border="0" id="Image7" /></a>
</div>
<div id="link6">
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','index/j_pic_ro.gif',1)"><img src="index/j_pic.gif" name="Image8" width="130" height="240" border="0" id="Image8" /></a>
</div>
</div>
</body>
</html>
htio bih centrirati div u kojem su 6 drugih divova, pochetnik sam a htio bih napravit stranicu bez tablica, jedino nisam zano stavit background pa sam ih tu koristio, u chemu grijeshim, znam da je ovo preloshe trenutno al jbg
Back to top
PaNtHeR Joined: 17 Sep 2003 Posts: 161
Posted: 23.10.2008 11:49 Post subject:
Div možeš centrirati tako da mu staviš style="margin: 0 auto". Tako ćeš ga centrirati horizontalno unutar container elementa (bio to div, body ili štaveć). Vertikalno je malo teže i moraš koristit JS (barem koliko je meni poznato).
Good luck
_________________•
Back to top
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot vote in polls in this forum
Powered by phpBB © 2001, 2005 phpBB Group