bravenet.com

bet tur nav dropdown

Kas tieši nesanāk - nemāki paslēpt vai nopozicionēt? Neviens tak tev nerakstīs visu kodu, vēl jo vairāk, ja pēc apraksta nav pat aptuvenas skaidrības, kā tam jāizskatās.

<style>
div {
display: none;
}
td {
width: 150;
}
#1 {
background-image: url("http://datuve.lv/images/raksti/2326.jpg");
}
#2 {
background-image: url("http://datuve.lv/images/raksti/2325.jpg");
}
#3 {
background-image: url("http://datuve.lv/images/raksti/2320.jpg");
}
#4 {
background-image: url("http://datuve.lv/images/raksti/2323.jpg");
}
#5 {
background-image: url("http://datuve.lv/images/raksti/2322.jpg");
}
</style>

<script>
function show(el){
document.getElementById(el).style.display = "inline";
}
function hide(el){
document.getElementById(el).style.display = "none";
}
</script>

<table border=1>
<tr>
<td onMouseOver="show(1);" onMouseOut="hide(1);">viens</td>
<td onMouseOver="show(2);" onMouseOut="hide(2);">divi</td>
<td onMouseOver="show(3);" onMouseOut="hide(3);">triis</td>
<td onMouseOver="show(4);" onMouseOut="hide(4);">chetri</td>
<td onMouseOver="show(5);" onMouseOut="hide(5);">pieci</td>
</tr>
<tr>
<td><div id="1">sdfsdfsdfsdfsdf<div></td>
<td><div id="2">sdfsdfsdfsdfsdf<div></td>
<td><div id="3">sdfsdfsdfsdfsdf<div></td>
<td><div id="4">sdfsdfsdfsdfsdf<div></td>
<td><div id="5">sdfsdfsdfsdfsdf<div></td>
</tr>
</table>

Baismīgi līki... parasti izvēlnes netaisa kā tabulas, nedzīvojam 90tajos. Pie tam kur Tu šādu kluci domā ievietot?

Līki, bet prasības apmierina.

p.s. Ikdienā nekodēju.

<ul id="menu">
 <li>
   <a href="#">Viens</a>
   <ul>
     <li><a href="#">viens viens</a></li>
     <li><a href="#">viens divi</a></li>
   </ul>
 </li>
 <li>
   <a href="#">Divi</a>
   <ul>
     <li><a href="#">divi viens</a></li>
     <li><a href="#">divi divi</a></li>
   </ul>
 </li>
</ul>

Normālas izvēlnes html kods parasti izskatās apmēram šādi. Par css varbūt varētu sākt domāt, ja autors paskaidroti, ko īsti viņam vajag - horizontāli/vertikāli, kur tai bildei jābūt, cik līmeņus vajag u.tml. Principā jau viss slēpjas display: none/block un otrā ul pozicionēsanā pret li.

BTW javasripts arī nav vajadzīgs, pilnīgi pietiek ar css hover pseidoklasi, vienīgi tad vajadzēs iebarot kaut ko IE<7, šie bez apčakarēšanas :hover pazīst tikai a tagam. Piemēram http://www.xs4all.nl/~peterned/csshover.html varbūt gan ir arī labākas metodes.

Paldies par gaismu. ;)

būs horizontāls menu, un blokiem, kas izbīdās ar <li> katram vaig savu bildi rollover, bet es laikam sapratu, vajag vienkārši katram <li> elementam piešķirt class un tur iedot bildes

Nu jā, klasi, vai, ja tāds tikai viens, tad ID. Vēl vajag pielāgot margin/padding, nofloatot li pa kreisi un nopozicionēt iekšējo ul. Ja ir problēmas, saki :)

viss skaidrs :D