Forum PHP.pl

Witam ponownie. Przepraszam że zakładam podobny temat ale tamten umarł śmiercią naturalną więc edit by go nie uratował [a nie sprecyzowałem problemu].
Chciałbym aby moje menu składało się wyłącznie z buttonów oraz listy blokowej. Wszystko jest ok gdy w liście występują jakieś wyrazy [np. Newsy, Archiwum itd.], gdy je usuwam wtedy nie ma żadnego odnośnika [teoretycznie jako newbie mógłbym wrzucić tam mało widoczną kropeczkę w kolorze background].
Gdy zamiast "Newsy" w linijce
<li><a href="index.html">Kontakt</a></li>
wstawiam <li><a href="index.html"><img src="button1.gif></a></li> <- możliwe że to teraz źle napisałem bo pisze w z głowy
wtedy gdy najadę kursorem na link nic się nie dzieje, gdy w innych wierszach które nie były zmieniane jest wszystko ok. Do tego widzę że jak klikne w ten link to takjakby niewidzialny obrazek robi się pod tym buttonem gdy nie wstawie
background: url("button1.gif") no-repeat right top;}
Wie ktoś jak to zrobić?
Możliwe że chaotycznie to napisałem, ale to z powodu tego że siedzę w tym od 2 dni.

edit: można by rzec że w styl.css chciałbym mieć każdy button inny [chcę zrobić każdy button z inną animacją i oczywiście innym napisem np. newsy, archiwum itd].

Ten post edytował banite 8.04.2009, 23:35:36

Trochę chaotycznie na drugi raz daj trochę html i css jak to wyglada.
Nie wiem czy Cię dobrze zrozumiałem
ja bym zrobił tak:


upewnij się że ścieżka do obrazka jest ok

[PHP] pobierz, plaintext 
<?php
<div class="menu">  
        <ul>  
                <li><a href=""><img src="folder_z_graifka/obrazek.jpg" border="0" /></a></li>
                ...
         </ul>  
</div>
?>
[PHP] pobierz, plaintext 

a w css - wartości px oczywiście dajesz swoje
ustawiamy sobie diva menu (display:inline; eliminacja buga w ie6)

[PHP] pobierz, plaintext 
<?php
.menu
{
margin:0px;
padding:0px;
width:260px;
display:inline;
float:left;
}
?>
[PHP] pobierz, plaintext 

(ustawienia dla listy i linków w divie klasy menu)
lista

[PHP] pobierz, plaintext 
<?php
.menu ul
{
list-style-type:none;
line-height:40px;
float:left;
}
?>
[PHP] pobierz, plaintext 

elementy listy w pionie + jakiś kolor tła (taki jak linków), linki wyśrodkowane

[PHP] pobierz, plaintext 
<?php
.menu li
{
text-align:center;
background-color:#424242;
}
?>
[PHP] pobierz, plaintext 

ustawienia linka

[PHP] pobierz, plaintext 
<?php
.menu a
{
display:block;
height:40px;
width:260px;
outline:0;
}
?>
[PHP] pobierz, plaintext 

jakas zmiana po najechaniu - u mnie przezroczystość

[PHP] pobierz, plaintext 
<?php
.menu a:hover
{
opacity: 0.60;           
filter: alpha(opacity=60);
-moz-opacity: 0.60; 
height:40px;
width:260px;
}
?>
[PHP] pobierz, plaintext 

Mam nadzieję że Ci pomogłem, a jak nie to może komuś się to przyda (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Pozdrawiam

style css sie klaniaja a konkretnie znacznik A czyli ten od linka
a:link
a:hover
a:visited...

no i do nich klasy albo identyfikatory jesli chcesz miec każdy inny.

Drogi Kantku, a czemuż to te wszystkie linijki formułujesz w php?

Buttony do edycji postu u mnie nie zdiałają :/
muszę wpisywać ręcznie nawias_kwadratowy html / nawias_kwadratowy

Starałem się skupiać na treści (może głupi nawyk z tym php),
ale rzeczywiście dla początkujących może być to mylące.

Będę używał więc

[HTML] pobierz, plaintext 
tagów dla htmla
[HTML] pobierz, plaintext 

Pozdrawiam