salut as vrea sa ma ajutati daca se poate ... sa fak un meniu cu onmouseover . deci am fakut http://www.am.edu.ms/index.php ... As vrea sa se schimbe doar culoarea din interior la butoane cand trec cu mouse peste buton.. Astept raspuns . MS
Ți-aș recomanda să folosești un <ul> pentru meniu, și câte un <li> cu un <a> în interior pentru fiecare item. <a>-ului îi dai display:block, float:left,i îl dimensionezi (width, height, line-height care să fie egal cu height-ul) și îi setezi culorile.
După ce ai făcut toate astea, îți creezi o clasă :hover cu alte culori.
După ce ai făcut toate astea, îți creezi o clasă :hover cu alte culori.
wow.. fain.. numa e o singura problema ca io is la inceput cu CSS si nu am inteles exact ce ar trebui sa fak.. mai putea ajuta cu un exemplu daca nu cer prea mult.
mda multumesc 
in afara de primu link 
in afara de primu link
mno... am reusit ceva .. da nu in totalitate . http://am.edu.ms/index.php . cum pot face sa se schimbe la tot patratul nu numai la mijloc . MS
http://css.maxdesign.com.au/listamatic/
in partea de jos la horizontal list
in partea de jos la horizontal list
<td width="25%" class="celula style1"><div align="center"><a href="a">Home</a></div></td>
scoate width="25%" si pune in css
scoate <div align.... si pune in css text-align: center;
try this one:
CSS:
Vezi tu ce si cum
scoate width="25%" si pune in css
scoate <div align.... si pune in css text-align: center;
try this one:
CODE
<div id="nav-menu">
<ul>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
</ul>
</div>
<ul>
<li><a href="#">2</a></li>
<li><a href="#">2</a></li>
</ul>
</div>
CSS:
CODE
#nav-menu ul {
list-style: none;
padding: 0;
margin: 0;
}
#nav-menu li {
float: left;
margin: 0 0.15em;
padding: 0;
text-align: center;
}
#nav-menu li a {
width: 9em;
line-height: 2em;
float: left;
display: block;
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
margin: 2px 0 0 0;
}
#nav-menu li a:hover {
background-color: #000000;
width: 9em;
line-height: 2em;
float: left;
display: block;
color: #ffffff;
font: 12px Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
margin: 2px 0 0 0;
}
/* Commented backslash hack hides rule from IE5-Mac \*/
#nav-menu li a {
float: none;
}
/* End IE5-Mac hack */
#nav-menu {
width: 800px;
}
list-style: none;
padding: 0;
margin: 0;
}
#nav-menu li {
float: left;
margin: 0 0.15em;
padding: 0;
text-align: center;
}
#nav-menu li a {
width: 9em;
line-height: 2em;
float: left;
display: block;
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
margin: 2px 0 0 0;
}
#nav-menu li a:hover {
background-color: #000000;
width: 9em;
line-height: 2em;
float: left;
display: block;
color: #ffffff;
font: 12px Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
margin: 2px 0 0 0;
}
/* Commented backslash hack hides rule from IE5-Mac \*/
#nav-menu li a {
float: none;
}
/* End IE5-Mac hack */
#nav-menu {
width: 800px;
}
Vezi tu ce si cum
Aceasta este o versiune simplificată a paginii originale. Pentru a vizita versiunea originala click aici.