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
Problema meniu css
Moderator: Moderatori
Re: Problema meniu css
Salut
Fundalul definit la butoane apare doar in ele, nu si intre ele.
Probabil trebuie sa definesti bacground la elementul care contine butoanele (#Menu ).
Fundalul definit la butoane apare doar in ele, nu si intre ele.
Probabil trebuie sa definesti bacground la elementul care contine butoanele (#Menu ).
Re: Problema meniu css
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.
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.
Re: Problema meniu css
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
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
Nu mai fi chel http://www.caderea-parului.ro
Re: Problema meniu css
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....
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....
-
- New Member
- Mesaje: 2
- Membru din: Sâm Noi 02, 2013 10:19 pm
Re: Problema meniu css
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 !
#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 !
Cine este conectat
Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 23 vizitatori