Hello!
I have this problem,
my navigation is wide like whole site and when I try to resize the site with Ctrl and (-), the last button is pushed below navigation bar.
here is the link of my site: http://tri.site90.net/index.html (still under construction)
and my html:
<body>
<div id="main_container">
<div id="header">
<div id="logo"></div>
<div id="logo_info">
<ul>
<li>Nazovite nas: <span class="number">095<span style="display:none">_</span> 9006907</span></li>
<li><li>
</ul>
</div>
<div id="nav">
<ul>
<li><a href="#">Početna</a></li>
<li><a href="#">O nama</a></li>
<li><a href="#">Galerija</a></li>
<li><a href="#">Reference</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">myMaja.com</a></li>
</ul>
</div>
</div>
</div>
</body>
and #nav css:
#nav {margin: 0px;padding: 0px;clear: both;width: 960px;}
#nav ul li {text-decoration: none;padding: 0px; float: left;margin: 0px;}
#nav ul li a:link {font-size: 14px;line-height: 18px;font-weight: normal; color: #FFFFFF;text-decoration: none;padding-top: 25px;
padding-right: 52px;padding-bottom: 24px;padding-left: 52px;
background-color: transparent;margin-top: 0px;margin-right: 1px;
margin-bottom: 0px;margin-left: 0px; display: block;
text-align: center;}
#nav ul li a:hover {backckground-position: left top;
background-image: url(img/nav_hover_bgr.png);
background-repeat: repeat-x;}
I know that a little number of people do the resizing, but my web design teacher said that a site is good designed when you resize it and it not crumble down!
Any suggestion? I appreciate it very much, thanks a lot!!
I have this problem,
my navigation is wide like whole site and when I try to resize the site with Ctrl and (-), the last button is pushed below navigation bar.
here is the link of my site: http://tri.site90.net/index.html (still under construction)
and my html:
<body>
<div id="main_container">
<div id="header">
<div id="logo"></div>
<div id="logo_info">
<ul>
<li>Nazovite nas: <span class="number">095<span style="display:none">_</span> 9006907</span></li>
<li><li>
</ul>
</div>
<div id="nav">
<ul>
<li><a href="#">Početna</a></li>
<li><a href="#">O nama</a></li>
<li><a href="#">Galerija</a></li>
<li><a href="#">Reference</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">myMaja.com</a></li>
</ul>
</div>
</div>
</div>
</body>
and #nav css:
#nav {margin: 0px;padding: 0px;clear: both;width: 960px;}
#nav ul li {text-decoration: none;padding: 0px; float: left;margin: 0px;}
#nav ul li a:link {font-size: 14px;line-height: 18px;font-weight: normal; color: #FFFFFF;text-decoration: none;padding-top: 25px;
padding-right: 52px;padding-bottom: 24px;padding-left: 52px;
background-color: transparent;margin-top: 0px;margin-right: 1px;
margin-bottom: 0px;margin-left: 0px; display: block;
text-align: center;}
#nav ul li a:hover {backckground-position: left top;
background-image: url(img/nav_hover_bgr.png);
background-repeat: repeat-x;}
I know that a little number of people do the resizing, but my web design teacher said that a site is good designed when you resize it and it not crumble down!
Any suggestion? I appreciate it very much, thanks a lot!!