Prikaz jedne poruke
Stara 19.6.2009, 12:23   #3
xsalex
Član
 
Član od: 5.4.2008.
Lokacija: Doboj
Poruke: 92
Zahvalnice: 66
Zahvaljeno 2 puta na 2 poruka
Određen forumom Re: CSS pozicioniranje problem

Oh izvinte, evo moga kompletnog koda

Kod:
<!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" />

<!-- naziv bloga -->

<!--kraj-->

<!-- izgled bloga u css-u -->
<style type="text/css">

html,body{ margin:0;padding:0}
body { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000011; background-color:#ccc; text-align:center; }
a, a:visited, a:active { color:#000011; font-weight:bold; background-color: transparent; text-decoration: underline; }
a:hover { font-weight:bold; background-color: transparent; text-decoration: none; }

#blog p { line-height: 22px; margin-top: 5px; margin-bottom: 3px; color:##000011; }
h5.datum  { margin: 0px 0 0 0; padding: 0; font-weight:normal; font-size:11px; color:#666; }
h4.naslov-posta  { margin: 5px 0 10px 0; color:#4C3316; font-weight:bold; font-size:18px; }
.footer-posta { clear:left; font-size: 11px; padding-bottom:20px; }
.tab { text-align:left; font-weight: bold; font-size:9px; font-family:verdana; text-transform:uppercase; background-color: #7D9DB9; color:#fff; padding:5px; padding-left:5px; }
.box { text-align:left; font-size: 11px; padding:5px; }
.boxovi { text-align:left; font-size: 11px; padding:5px; }
.kbox { text-align:center; margin-top:10px; }


.cssnav {
position:relative;
font-family: arial, verdana, helvetica, sans-serif;
background-image: url(http://i44.tinypic.com/2yxmau8.jpg);
background-repeat: no-repeat;
display: block;
width: 300px;
height: 25px;
margin: 0;
margin-bottom:0px;
padding: 0;
}
.cssnav a {
display:block;
font-size: 11px;
width: 300px;
height: 25px;
float: left;
margin: 0;
padding: 0;
color: black; text-decoration: none;
}
.cssnav img {width: 100%; height: 100%; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}
.cssnav span {
position:absolute;
left:5px;
top:3px;
margin:0;
cursor: pointer;
}

t1
{
position:absolute;
left:149px;
top:150px;
}

t2
{
position:absolute;
left:559px;
top:150px;
}

t3
{
position:absolute;
left:149px;
top:0px;
}

</style>
<!--kraj cssa-->
</head>
<body>

<t1>
<table height="210px" width="410px" border="0" cellspacing="0" cellpadding="0" table background="http://i39.tinypic.com/2qtwbgw.jpg">
<tr>
<td> <!-- pocetak glavne kolone -->
  <div id="blog">  
  {Postovi}
  </div></td>
</tr>
<tr>
<td><center><img border="0" src="http://i40.tinypic.com/10e56vd.jpg" alt="na dini ćuprija" /></center></td>
</tr>
</table>
</t1>

<t2>
<table width="300px" border="0" cellspacing="0" cellpadding="0" table background="http://i39.tinypic.com/2qtwbgw.jpg">
<tr>
<td> </tr>
</tr>
<td> 

<div class="cssnav"><a href="#"><img src="http://i41.tinypic.com/2yybk3p.jpg"><span>Home</span></a></div>
<div class="cssnav"><a href="#"><img src="http://i41.tinypic.com/2yybk3p.jpg"><span>Products</span></a></div>
<div class="cssnav"><a href="#"><img src="http://i41.tinypic.com/2yybk3p.jpg"><span>News</span></a></div>
<div class="cssnav"><a href="#"><img src="http://i41.tinypic.com/2yybk3p.jpg"><span>Location</span></a></div> 
</td>
</tr>
<tr>
<td> <br><br><br><br><br><br> </td>
</tr>


</table>
</t2>

<t3><img border="0" src="http://i43.tinypic.com/29lfi1s.jpg" alt="na dini ćuprija" /></t3>

</body>
</html>
link od bloga: http://povjestbosna.blogger.ba/

I jutros sam primjetio, da u Operi ima odstupanja za neki dva-tri piksela, mpr. ako zadam da se baner bloga odmakne od gornje ivice 5px, to tako bude u google chrome brovzeru i u Mozili, ali kada tu istu stranicu otvorim u Operi razmak između gornje ivice i početka bloga nebude 5px nego 8px, ako bodesim da to štima u Operi, onda neće da radi u Mozili itd.

Molim za pomoć, i hvala
xsalex je offline   Odgovor sa citatom ove poruke