1 Topic by majklas (edited by majklas 2009-12-28 13:42:31)

  • Registered: 2008-04-16
  • Posts: 155

Topic: paklydau CSS suklasem ir active menu punktu..

HEEELP :)

vyrai, kiek skaiciau literaturos siandien/vakar man visviena tarp tu klasiu painiava darosi :(

turiu toki meniu aprasyma is vieno paveiksliuko:
css

#navlist{position:relative;}
#navlist li{margin:0;padding:0;list-style:none;top:0;}
#navlist li, #navlist a{height:90px;display:block;}

#naujienos{left:0px;width:90px;}
#naujienos{background:url('img/menu.gif') 0 0;}
#naujienos a:hover{cursor: crosshair; background: url('img/menu.gif') -90px 0;}
#naujienos a:selected{cursor: crosshair; background: url('img/menu.gif') -180px 0;}

php

<div id="menu">
    <ul id="navlist">
      <li id="naujienos"><a href="index.php?page=naujienos" <?php if($final_path == 'index.php?page=naujienos'){?> class="selected"<?php }?>></a></li>

css a:selected, bandziau keisti i a:active (kas norodo kai paspaustas linkas yra, kuris beje ir veikia) ir php i class="active", taciau as turiu puikiai veikianti pavyzdi su #selected {} clase, kurioje php prie meniu linko nusirodo tik id="selected"


gal kas nors man galetumet pagelbeti css aprasyti taip kad kai nuoroda aktyvi (butent esi uzejes i ta meniu punkta) degtu tas mano suskaidytas paveiksliukas :)


P.S. su sventem visus! :)

  • Registered: 2008-04-16
  • Posts: 155

Re: paklydau CSS suklasem ir active menu punktu..

sorry ;)))
susivaikiau arklius :) pabege buvo :D

#naujienos a:hover{cursor: crosshair; background: url('img/menu.gif') -90px 0;}
#naujienos a:active{cursor: crosshair; background: url('img/menu.gif') -180px 0;}
#naujienos #selected{cursor: crosshair; background: url('img/menu.gif') -180px 0;}

puikiai veikia :)))))) su hyperlinke id="selected"