[PHP][CSS]Current Page CSS, Odpowienie wlasciwosci do danego linku Opcje

[lgorek]

Hello
W PHP nie jestem za dobry, zrobilem taka mala stronke ale zeby bylo ladniej utworzylem zmieniajacy sie przycisk pod CSS, najezdzanie wszystko dziala jednak ustawilem rowniez aby obecna strona byla innaczej odznaczona i tutaj musi byc zmieniona skladnia jednego odnoscnika.

[PHP] pobierz, plaintext 
<?php if ( $_GET['strona'] == "home" ) { 
echo '<li id="nav-home"><a href="index.php?strona=home" class="current"></a></li></td><td>'; } else { 
echo '<li id="nav-home"><a href="index.php?strona=home"></a></li></td><td>'; } ?>
<?php if ( $_GET['strona'] == "omnie" ) { 
echo '<li id="nav-omnie"><a href="index.php?strona=omnie" class="current"></a></li></td><td>'; } else { 
echo '<li id="nav-omnie"><a href="index.php?strona=omnie" ></a></li></td><td>'; } ?>
<?php if ( $_GET['strona'] == "kontakt" ) { 
echo '<li id="nav-kontakt"><a href="index.php?strona=kontakt" class="current"></a></li></ul></div></td></tr>'; } else { 
echo '<li id="nav-kontakt"><a href="index.php?strona=kontakt"></a></li></div></td></tr>'; } ?>
[PHP] pobierz, plaintext 

Czyli jak widać powyżej aby byla zaznaczony odpowiedni button musi byc ustawiona odpowiednia klasa. Czy da sie jakos skrocic owy kod aby mozna latwo dodawac wiecej linkow lub usuwac.

[piotrooo89]

http://olaszewski.com/2009/01/01/aktualna-strona-w-css/ coś mojego chyba możesz dostosować do swoich potrzeb.

[lgorek]

Piotrek

Ale u mnie dziala juz CSS poradzilem sobie kod wygląda tak jak:

Kod w HTML

[HTML] pobierz, plaintext 
<div id="nav-main">
<li id="nav-home"><a href="index.php?strona=home" class="current"></a></li>
<li id="nav-omnie"><a href="index.php?strona=omnie" ></a></li>
<li id="nav-kontakt"><a href="index.php?strona=kontakt"></a></li>
</div>
[HTML] pobierz, plaintext 

Kod w CSS

[CSS] pobierz, plaintext 
 
#nav {
height: 63px;
margin-left: 370px;
}
 
#nav-main{ 
}
 
#nav-main ul {
  margin:0;
  padding:0;
  list-style:none;
  }
 
#nav-main li {
  float:left;
  margin:0;
  padding:0;
  }
 
#nav-main a {
  display:block;
  overflow: hidden;
  width: 90px;
  height: 28px
}
 
#nav-main {
  text-indent: -9999px;
}
 
#nav-main a.current {
  background-position: 0 -56px;
  }
 
#nav-home a { display:block; overflow: hidden; width: 104px;height: 28px}  
#nav-home a{background:url("03a.jpg") no-repeat right top;}
#nav-home a:hover{background-position: 0 -28px;}
 
#nav-omnie a { display:block; overflow: hidden; width: 106px;height: 28px}
#nav-omnie a{background:url("04a.jpg") no-repeat right top;}
#nav-omnie a:hover{background-position: 0 -28px;}
 
#nav-kontakt a { display:block; overflow: hidden; width: 173px;height: 28px}
#nav-kontakt a{background:url("07a.jpg") no-repeat right top;}
#nav-kontakt a:hover{background-position: 0 -28px;}
[CSS] pobierz, plaintext 

Mi chodziu jak uproscic kod ktory podalem w moim poscie czy tak jak zrobilem moze byc.

[piotrooo89]

Mi chodziu jak uproscic kod ktory podalem w moim poscie czy tak jak zrobilem moze byc.

sory... nie doczytałem.

zamiast:

[HTML] pobierz, plaintext 
#nav-home a { display:block; overflow: hidden; width: 104px;height: 28px}  
#nav-home a{background:url("03a.jpg") no-repeat right top;}
#nav-home a:hover{background-position: 0 -28px;}
 
#nav-omnie a { display:block; overflow: hidden; width: 106px;height: 28px}
#nav-omnie a{background:url("04a.jpg") no-repeat right top;}
#nav-omnie a:hover{background-position: 0 -28px;}
 
#nav-kontakt a { display:block; overflow: hidden; width: 173px;height: 28px}
#nav-kontakt a{background:url("07a.jpg") no-repeat right top;}
#nav-kontakt a:hover{background-position: 0 -28px;}
[HTML] pobierz, plaintext 

może być:

[HTML] pobierz, plaintext 
#nav-kontakt a, nav-omnie a, #nav-home a  { background:url("07a.jpg") no-repeat right top; display:block; overflow: hidden; width: 173px;height: 28px}
#nav-kontakt a:hover, #nav-omnie a:hover, #nav-home a:hover{background-position: 0 -28px;}
[HTML] pobierz, plaintext 

i błagam stosuj wcięcia.

//EDIT

w moim sposobie dodajesz tylko link i odpowiedni wpis do arkusza stylów.

Ten post edytował piotrooo89 23.02.2009, 19:54:15

[lgorek]

Piotrek ale chodzilo mi o uproszczenie tego

[PHP] pobierz, plaintext 
<?php if ( $_GET['strona'] == "home" ) { 
echo '<li id="nav-home"><a href="index.php?strona=home" class="current"></a></li></td><td>'; } else { 
echo '<li id="nav-home"><a href="index.php?strona=home"></a></li></td><td>'; } ?>
<?php if ( $_GET['strona'] == "omnie" ) { 
echo '<li id="nav-omnie"><a href="index.php?strona=omnie" class="current"></a></li></td><td>'; } else { 
echo '<li id="nav-omnie"><a href="index.php?strona=omnie" ></a></li></td><td>'; } ?>
<?php if ( $_GET['strona'] == "kontakt" ) { 
echo '<li id="nav-kontakt"><a href="index.php?strona=kontakt" class="current"></a></li></ul></div></td></tr>'; } else { 
echo '<li id="nav-kontakt"><a href="index.php?strona=kontakt"></a></li></div></td></tr>'; } ?>
[PHP] pobierz, plaintext 

[piotrooo89]

Piotrek ale chodzilo mi o uproszczenie tego

dobrze ale po co wynajdować koło na nowo i to jeszcze tak na około?