Navigacijas izveide no *gif faila

[pilots]

Saprotu, protams. Apjomīgām lapām par skādi nenāks noteikti. Mazos portāliņos atkal nav jēga skaldīt matus. Tas augstāk no manis tāds sarkasms vien būs bijis.

[andrisp]

Vēl viens plus šai tehnikai ir, ka tad nav vajadzīgs image preloading. Parastajā variantā ar diviem attēliem pogai (viens bez hover, otrs priekš hover), hover pogas attēls tiks ielādēts tikai, tad, kad uz tās uzbrauks virsū. Šo aizturi parasti var redzēt. It īpaši ja nets lēns.

[Gstyle]

Andrisp, es uzgaaju ka css sprites tehnika nebuut nav obligaata,var izmantot kko liidziigu sitam: http://www.maratz.com/blog/archives/2005/0...-images-in-css/

[Gstyle]

menu tika veiksmiigi izveidots sagraizot bildiites, bet kaa lai aizpilda atlikusho lauku ar background bildi? Izveelnes ir tikai 4 ,atlikushais lauks palieks tukss. Ne background: #color; ne repeat-x; nedarbojas :(

 

bilde1|bilde2|bilde3|bilde4|emty space,empty space|

[Kavacky]

Ieliec pogas DIVā ar kaut kādu kopīgo backgroundu.

[Gstyle]

nesanaak, uz IE darbojas FF nee.

seku reku mans kods:

 

.menu {
margin: 0;
padding: 0;
list-style: none;
background: #FFFFFF;
}
.menu li {
padding: 0;
margin: 0;
height: 40px;
list-style: none;
background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
display: block;
text-decoration: none;
text-indent: -1000px;
height: 40px;
background-repeat: no-repeat;
}
.main {background-image: url(bla_hover.png); width: 83px;}
.main a {background-image: url(bla.png);}
.news {background-image: url(bla2_hover.png); width: 97px;}
.news a {background-image: url(bla2.png);}
.radio {background-image: url(bla3_hover.png); width: 100px;}
.radio a {background-image: url(bla3.png);}
.forum {background-image: url(bla4_hover.png); width: 122px;}
.forum a {background-image: url(bla4.png);}
ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

 

 

<div id="topmenu">
<ul class="menu">
<li class="main"><a href="#">bla</a></li>
<li class="news"><a href="#">bla</a></li>
<li class="radio"><a href="#">bla</a></li>
<li class="forum"><a href="#">bla</a></li>
</ul>
</div>

Edited November 4, 2008 by Gstyle

[Gstyle]

veel joprojaam nevaru atrast risinaajumu :(

Anyone can help me?