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.
Problema meniuri!
-
insider94
- Mesaje: 3
Problema meniuri!
MarPlo
Mesaje: 4343
Posteaza partea de cod HTML si CSS legata de acel meniu si vedem despre ce e vorba.
insider94
Mesaje: 3
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
Style.css
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 © 2010 Toate drepturile Rezervate.</div>
<!-- END FOOTER -->
</body>
</html>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
Mesaje: 4343
Incearca sa schimbi in Style.css, la "#footer .link ...", in loc de "width:25%;" pune "width:24%;"
insider94
Mesaje: 3
am rezolvat problema thanks.
Subiecte similare
-
Problema instalare Anime.JS
JavaScript - jQuery - Ajax
Primul mesaj
Salutare!Ultimul mesaj
1. 6 decembrie 2020, 23.15 - download Anime.JS
2. Putin mai devreme, am incercat sa downloadez acest concept bazat pe JavaScript.
3....
Nu am inteles care e concret problema pe care o ai cu scriptul anime.js. -
Problema curs de Engleza
Sesizari Erori si Greseli
Primul mesaj
Buna.Ultimul mesaj
Am descarcat cursul curs_eurocor-engleza_incepatori_1-16.rar si cand vreau sa-l dezarhivez imi da eroarea asta:
An error occures whilw...
Buna,
Poti sa descarci cursul de engleza, nivel intermediar, de la urmatoarele linkuri:
- Lectiile 1-16... -
O mica problema de animatie CSS
HTML - XHTML - CSS
Primul mesaj
Noroc, MarPlo!Ultimul mesaj
1. Am vizitat pe twitter un site de animatie, in care website-ul actual se numeste CSS-Challenges,com. In respectivul website, sunt...
1. Multumesc pentru raspuns.
2. Am inteles raspunsul tau: este un mic examen oferit voluntarilor online, pentru a le afla capacitatile de rezolvare... -
Problema ordonare in script paginare
PHP - MySQL - XML
Primul mesaj
Buna, am urmatorul script de paginare, insa nu reusesc sa-l setez sa-mi returneze inregistrariile din mysql ordonate descendent dupa ID.Ultimul mesaj
Am...
Multumesc mult de ajutor, functioneza perfect!!! -
Problemă cu 'this' în function.call() în JavaScript
JavaScript - jQuery - Ajax
Primul mesaj
De ce function.call() se comportă diferit cu ' this ' cand nu e adaugat ca argument, în JavaScript?Ultimul mesaj
Rezultatul cu 'this' în test.call() este același...
Functia call() necesita primul argument, care e pentru obiectul 'this', daca nu ai nevoie de el, adauga null .
test.call(null, ...args);
In...