Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
pliz help css div

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
[0_o]



Joined: 06 Jun 2007
Posts: 42

PostPosted: 23.10.2008 09:25    Post subject: pliz help css div Add user to your forum ignore list Reply with quote

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 Embarassed
Back to top
View user's profile Send private message
PaNtHeR



Joined: 17 Sep 2003
Posts: 161

PostPosted: 23.10.2008 10:49    Post subject: Add user to your forum ignore list Reply with quote

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 Wink

_________________
Back to top
View user's profile Send private message Send e-mail
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
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