Problema meniu css

Discutii despre idei - probleme legate de design, layout, scheme de culori, navigare.Adobe Photoshop,Jasc PaintShop Pro, Corel, Fireworks si alte aplicatii.

Moderator: Moderatori

dupont
Average Member
Mesaje: 106
Membru din: Lun Sep 27, 2010 3:55 pm

Problema meniu css

Mesajde dupont » Lun Sep 09, 2013 12:01 am

Salutare,

Am o problema cu un meniu

Am scris urmatorul cod

#Menu a:link,#Menu a:visited {
width:40px;
font-weight:bold;
color:#FFFFFF;
background-color:SILVER;
text-align:center;
padding:7px;
text-decoration:none;
text-transform:uppercase;
}
#Menu a:hover,#Menu a:active {
background-color:#B0C4DE;
}

Dar nu inteleg de ce imi apare spatiu intre butoane,vreau sami apara background

Cum pot sa fac?

Multumesc



MarPlo
Senior Member
Mesaje: 884
Membru din: Mie Sep 24, 2008 9:32 am
Localitate: Braila
Contact:

Re: Problema meniu css

Mesajde MarPlo » Lun Sep 09, 2013 10:53 am

Salut
Fundalul definit la butoane apare doar in ele, nu si intre ele.
Probabil trebuie sa definesti bacground la elementul care contine butoanele (#Menu ).

moof2010
Average Member
Mesaje: 55
Membru din: Sâm Aug 17, 2013 10:54 pm

Re: Problema meniu css

Mesajde moof2010 » Sâm Sep 14, 2013 11:08 pm

tu acolo ai un css pentru meniu dar il aplici la butoane..... un meniu e format din div-ul suport si butoanele functionale


incearca sa folosesti tabele caci daca tii ctrl + scrol de la mouse ai sa vezi ca ti se distorsioneaza site-ul... nu asculta ce spun toti "cultivatii" care spun ca css masiv trebuie, daca intrebi persoane care lucreaza in domeniu la firme ai sa vezi ca si ele folosesc tabele, ideea este ca e mai greu.


Eu iti fac un meniu in tabele vectoriale in 5-10 minute si iti garantez eu ca cel mai bun programator css+html+java iti va face acelasi meniu in minim 15-20 minute si diferenta intre meniuri va fi ca al meu va functional bine si pe pc si pe telefon si pe tableta si pe android si pe ubuntu etc... pe cand al lui nu.

badtiger
Senior Member
Mesaje: 598
Membru din: Vin Noi 03, 2006 7:54 pm
Contact:

Re: Problema meniu css

Mesajde badtiger » Dum Sep 15, 2013 11:31 pm

moof
zoom in/out "freaca pe ma-sa" daca ai width-urile in procente si nu ai fost atent, daca le ai declarate in px (si is toate) nu ai nici o treaba.. se face proportional
Oricum la meniuri se foloseste div-ul ca holder (in general)

Referitor la folosirea tabelelor:
1. Ele sunt recomandate pt date tabulare fiind mai usor pt motoarele de cautare sa inteleaga ce-i acolo
2. Tabelele sunt mai greu de randat de catre browser

moof2010
Average Member
Mesaje: 55
Membru din: Sâm Aug 17, 2013 10:54 pm

Re: Problema meniu css

Mesajde moof2010 » Mie Oct 09, 2013 5:46 pm

A stii sa programezi inseamna sa stii sa si optimizezi....

Cand ai sa muncesti si tu la o firma serioasa ai sa vezi ca nu o sa stea sefu sa te lase pe tine 3-4 ore sa faci un amarat de meniu sau sa stea sa se incarce mai mult de 0.5 sec un site.


Recomandarile alea sunt pentru incepatori, pentru cei care inca uita sa mai puna ";" la final, pentru cei care stau o saptamana sa gandeasca un algoritm....

bogdanrobertadrian
New Member
Mesaje: 2
Membru din: Sâm Noi 02, 2013 10:19 pm

Re: Problema meniu css

Mesajde bogdanrobertadrian » Sâm Noi 02, 2013 10:32 pm

Incearca asta :


#main-nav {
height: 30px; /* set to the height you want your menu to be */
margin: 0 0 10px; /* just to give some spacing */
}
#main-nav ul {
margin: 0; padding: 0; /* only needed if you have not done a CSS reset */
}
#main-nav li {
display: block;
float: left;
line-height: 30px; /* this should be the same as your #main-nav height */
height: 30px; /* this should be the same as your #main-nav height */
margin: 0; padding: 0; /* only needed if you don't have a reset */
position: relative; /* this is needed in order to position sub menus */
}
#main-nav li a {
display: block;
height: 30px;
line-height: 30px;
padding: 0 15px;
}
#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
color: #000;
background: #ccc;
}
#main-nav ul ul { /* this targets all sub menus */
display: none; /* hide all sub menus from view */
position: absolute;
top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */
}
#main-nav ul ul li { /* this targets all submenu items */
float: none; /* overwriting our float up above */
width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
}
#main-nav ul ul li a { /* target all sub menu item links */
padding: 5px 10px; /* give our sub menu links a nice button feel */
}
#main-nav ul li:hover > ul {
display: block; /* show sub menus when hovering over a parent */
}
#main-nav ul ul li ul {
/* target all second, third, and deeper level sub menus */
left: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */
top: 0; /* this ensures the sub menu starts in line with its parent item */
}

E configureaza-l cum doresti !


Înapoi la “Design”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 2 vizitatori