Problema meniuri!

Coduri intrebari, probleme legate de HTML, XHTML si CSS
insider94
Mesaje: 3

Problema meniuri!

Am si eu o problema cu niste meniuri.
- Imagine: http://img713.imageshack.us/img713/8352/asam.jpg" target="_blank

Vreau ca meniurile din dreapta sa fie unu sub altu.daca se poate sa ma ajutati va dau indexu si css.

Edit: si la meniul din centru tot asa se intampla, se baga in footer.

MarPlo
Posteaza partea de cod HTML si CSS legata de acel meniu si vedem despre ce e vorba.

insider94
Defapt am rezolvat dar nu e aranjat bine.Ma refer la div-uri in index.html.In Internet-Explorer se vede naspa footeru.

index.html

Cod: Selectaţi tot

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>test</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="jquery.twitter.css" type="text/css" media="all">
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.twitter.js"></script>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="autor" content="" />
	<meta name="description" content="" />
	<meta name="keyords" content="" />

	<!-- TWITTER FEED -->
	<script type="text/javascript">
		$(document).ready(function() {
				$("#twitter").getTwitter({
					userName: "memhtportal",
					numTweets: 5,
					loaderText: "Loading tweets...",
					slideIn: false
				});
			});
	</script>
</head>
<body>

<body>
<div id="layout">
     <div id="header"></div>
<!-- START MENIU -->
    <table class="bara-meniu" border="0" cellpadding="0" cellspacing="0"><tbody><tr>
	                      <td class="bara-link"><a href="/ro/news/Moldova.html">Moldova</a></td>
                          <td class="bara-link"><a href="/ro/news/V-mire.html">International</a></td>
                          <td class="bara-link"><a href="/ro/news/Politiks.html">Politica</a></td>
                          <td class="bara-link"><a href="/ro/news/Kul-tura.html">Societate</a></td>
                          <td class="bara-link"><a href="/ro/news/Biznes.html">Business</a></td>
	                      <td class="bara-link"><a href="/ro/news/Finansy.html">Presa</a></td>
                          <td class="bara-link"><a href="/ro/news/Technology.html">Tehnologii</a></td>
                          <td class="bara-link"><a href="/ro/news/Sports.html">Sport</a></td>
                          <td class="bara-link"><a href="/ro/news/Zdorov-e.html">Sanatate</a></td>
                          <td class="bara-link"><a href="/ro/news/Ehkonomika.html">Economie</a></td>
                          <td class=""><a href="/ro/news/Mass-media.html">Accidente</a></td>
    </tr></tbody></table>
<!--END MENIU -->

<!-- START COLOANA DREAPTA -->
<div id="dreapta">
     <div id="coloana-dreapta">
                          <div class="bara-sus"><h2> Meniu</h2>
</div>
                          <center><div id="twitter"></div></center>
</div>
<!-- END COLOANA DREAPTA -->
<!-- START COLOANA DREAPTA -->
     <div id="coloana-dreapta">
                          <div class="bara-sus"><h2> Meniu</h2>
</div>
                          <center>Continut</center>
</div>
<!-- END COLOANA DREAPTA -->


</div><!-- START COLOANA CENTRU -->
<div id="coloana-centru">
     <div class="bara-sus">
                         <h2>Salutare</h2>
</div>
                         <div class="imagine"><div class="data">azi 10:12</div>
		                 <image src="images/112.jpg" width="190px" height="125px"></div>
		                 <div class="titlu">Un prim suspect in cazul de spionaj din SUA marturiseste ca a lucrat pentru Rusia</div>
                   	     <div class="descriere">Unul dintre cei zece suspecti de spionaj arestati n Statele Unite a marturisit ca a lucrat pentru Rusia, careia i-a jurat sa-i fie loial, potrivit unui document judiciar publicat joi, n momentul n care justitia americana a eliberat pe cautiune o jurnalista implicata n afacere. Jurnalista Vicky Pelaez, o americana de origine peruana, urmeaza sa fie eliberata n... </div>
						 <div class="mai-departe">Citeste mai departe »</div>
     </div>
<!-- END COLOANA CENTRU -->

<!-- START COLOANA CENTRU -->
<div id="coloana-centru">
     <div class="bara-sus">
                         <h2>Salutare</h2>
     </div>
                         <div class="imagine"><div class="data">azi 10:12</div>
		                 <image src="images/112.jpg" width="190px" height="125px"></div>
		                 <div class="titlu">Un prim suspect in cazul de spionaj din SUA marturiseste ca a lucrat pentru Rusia</div>
                   	     <div class="descriere">Unul dintre cei zece suspecti de spionaj arestati n Statele Unite a marturisit ca a lucrat pentru Rusia, careia i-a jurat sa-i fie loial, potrivit unui document judiciar publicat joi, n momentul n care justitia americana a eliberat pe cautiune o jurnalista implicata n afacere. Jurnalista Vicky Pelaez, o americana de origine peruana, urmeaza sa fie eliberata n... </div>
						 <div class="mai-departe">Citeste mai departe »</div>
     </div>
<!-- END COLOANA CENTRU -->

<!-- START COLOANA CENTRU -->
<div id="coloana-centru">
     <div class="bara-sus">
                         <h2>Salutare</h2>
     </div>
                         <div class="imagine"><div class="data">azi 10:12</div>
		                 <image src="images/112.jpg" width="190px" height="125px"></div>
		                 <div class="titlu">Un prim suspect in cazul de spionaj din SUA marturiseste ca a lucrat pentru Rusia</div>
                   	     <div class="descriere">Unul dintre cei zece suspecti de spionaj arestati n Statele Unite a marturisit ca a lucrat pentru Rusia, careia i-a jurat sa-i fie loial, potrivit unui document judiciar publicat joi, n momentul n care justitia americana a eliberat pe cautiune o jurnalista implicata n afacere. Jurnalista Vicky Pelaez, o americana de origine peruana, urmeaza sa fie eliberata n... </div>
						 <div class="mai-departe">Citeste mai departe »</div>
     </div>
<!-- END COLOANA CENTRU -->

<div class="clear"></div>

<!-- START FOOTER -->
<div id="footer">
     <div class="footer2">
                         <div class="link"><div class="link2">Totul Info</div></div>
                         <div class="link"><div class="link2">Studiază Totul </div></div>
                         <div class="link"><div class="link2">Tools</div></div>
                         <div class="link"><div class="link2">Alte Pagini</div></div>
						 
						 <div class="clear"><b></b></div></div>
                         <div class="link"><div class="link2"><a href="/ro/info/about-us.html">Despre noi</a><br /><a href="/ro/info/contacts.html">Contacte</a><br /><a href="/ro/info/adv-on-site.html">Publicitate</a><br /></div></div>
						 <div class="link"><div class="link2"><a href="/ro/info/rights-and-rules.html">Termeni şi Condiţii</a><br /><a href="/ro/info/Help.html">Ajutor</a><br /><a href="/ro/info/avtorskoe-pravo.html">Drepturi de autor</a><br /></div></div>
                         <div class="link"><div class="link2"><a href="/ro/translate.html">Traducător</a><br /><a href="/ro/map-moldova.html">Harta Moldovei</a><br /><a href="/ro/rsswidget.html">RSS/Widgets</a><br /></div></div>
                         <div class="link"><div class="link2"><a href="/blog">Blog</a><br /><a href="/ro/info/Hotels-Moldova.html">Hoteluri Moldova</a><br /><a href="/ro/info/Moldova.html">Moldova</a><br /></div></div>
						 
						 <div class="clear"><b></b></div></div>
                         <div class="copyright">Copyright &copy; 2010 Toate drepturile Rezervate.</div>
<!-- END FOOTER -->
</body>
</html>
Style.css

Cod: Selectaţi tot


html {height: 100%;margin: 0;padding: 0;}

.clear{clear: both;font-size: 0;height: 0;}

body {background-color: #a9deff;cursor: url(images/cursor-static.cur), progress;color: #000000;font-family: Verdana, Arial, Tahoma, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;font-size: 11px;margin: 0px;padding: 0px;height: 100%;margin: 0;padding: 0;text-align: center;}

/* CURSOR*/
a:hover {cursor: url(images/cursor-hover.cur), default; color:#FF6600;}

/* LAYOUT*/
#layout {border:1px solid #ccc; width: 1010px; margin-left:auto; margin-right:auto; height: auto;background-color:#ffffff;}
	
/* HEADER */
#header {background: url(images/header.png) no-repeat; width: 1010px; height: 109px;}

/* BARA MENIU */
.bara-meniu{width: 100%;}
.bara-meniu td{background: url(images/bar-blue.gif) 0 0 repeat-x; text-align: center; padding: 4px 0; font-weight: bold;}
.bara-meniu-a{background: url(images/bar-blue.gif) 0 0 repeat-x !important;}
.bara-meniu-a a{color: #0059a8 !important;}
.bara-meniu2{border-right: 1px solid #e0e0e0;}
.bara-meniu a{color: #F0F8FF; text-decoration: none;}

/* COLOANA CENTRU */
#coloana-centru {width: 680px; float:left;margin-left:7px; margin-top:5px; border:1px solid #ccc;-moz-border-radius:7px;}
#coloana-centru .bara-sus h2{background: url(images/bar.gif) 0 0 repeat-x;font-size: 15px;text-align:center;margin-top: 0 !important; -moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;}
#coloana-centru .imagine {text-align:left;margin-left:6px;margin-right:5px;margin-top:-6px;}
#coloana-centru .data {font-size: 10px;background-color: #ccc;width:70px;float:right;margin-top:-6px;margin-right:-5px;}
#coloana-centru .titlu {float:right;text-align:left;margin-top:-100px;margin-left:5px;margin-right:5px;width:470px;font-size: 18px;}
#coloana-centru .descriere {text-align:left;margin-left:5px;margin-right:2px;}
#coloana-centru .mai-departe {color:#FF0000;float:right;}

/* COLOANA DREAPTA */
#dreapta {width: 300px; float:right;}
#coloana-dreapta {margin-right:7px;margin-top:5px; border:1px solid #ccc;-moz-border-radius:7px;}
#coloana-dreapta .bara-sus h2{background: url(images/bar.gif) 0 0 repeat-x;font-size: 15px;text-align:center;margin-top: 0 !important;-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;}

/* FOOTER */
#footer{width: 1010px;margin: 0 auto;margin-top:10px;margin-left:-1px;border: 1px solid #ccc;background: #fff;}
#footer .footer2{border-bottom: 1px solid #e0e0e0;background: #f3f3f3;text-align:left;}
#footer .link{float: left;width: 25%;color: #333;font-weight: bold;font-size: 11px;text-transform: uppercase;text-align:left;}
#footer .link2{padding: 10px 0 8px 13px;	}
#footer .link2 a{color: #08347d;text-decoration: none;text-transform: none;font-weight: normal;font-size: 12px;line-height: 20px;}
.copyright {width:1010px;background-color:#ffffff;height:auto;border:1px solid #ccc;color: #FF0000;float:left;margin-top:-1px;margin-left:-1px; -moz-border-radius-bottomleft:7px;-moz-border-radius-bottomright:7px;}

MarPlo
Incearca sa schimbi in Style.css, la "#footer .link ...", in loc de "width:25%;" pune "width:24%;"

insider94
am rezolvat problema thanks.

Subiecte similare