Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS] linki - css inline, Definicja linków za pomocą css inline
--tomek1973--
post
Post #1





Goście







W jaki sposób określić parametru linku w stylu typu inline?

Nie wiem, czy napisałem dostatecznie jasno, więc postaram się na przykładzie wytłumaczyć o co mi chodzi.

Mam taki kod w <head> </head>, który definiuje mi wyświetlanie się linków.
  1. a:link.n13,a:active.n13,a:visited.n13
  2. {font-family: Verdana, Arial, Helvetica, sans-serif;
  3. font-size: 13px;
  4. color:#8A8FAA;
  5. }
  6. a:hover.n13
  7. {font-family: Verdana, Arial, Helvetica, sans-serif;
  8. font-size: 13px;
  9. color:#252D53;
  10. }



Wyświetlam to, używając kodu:

  1. <a href=... class="n13">



Chciałbym to jednak zrobić metodą inline, czyli:

<a href=" ..." style=""> ... itd


Niesety nie wiem jak to napisać, aby linki activ, visited i hover wyświetlały się inaczej.
Czy ktoś jest w stanie mi pomóc??

Z góry dzękuję!
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
jg44
post
Post #2





Grupa: Zarejestrowani
Postów: 122
Pomógł: 14
Dołączył: 14.07.2011
Skąd: Gliwice / Wrocław

Ostrzeżenie: (0%)
-----


Jeśli masz kilka linków (to jest jakieś menu?), to chyba najlepiej zrobić listę.
  1. <ul id="linki">
  2. <li><a href="#">Link</a></li>
  3. <li><a href="#">Link</a></li>
  4. <li><a href="#">Link</a></li>
  5. <li><a href="#">Link</a></li>
  6. </ul>

style:
  1. #linki {
  2. list-style-type: none;
  3. }
  4.  
  5. #linki li {
  6. display: inline;
  7. }

Przynajmniej ja zrobiłbym to w taki sposób, jak ktoś ma lepszy, to chętnie posłucham (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
vonski
post
Post #3





Grupa: Zarejestrowani
Postów: 292
Pomógł: 89
Dołączył: 27.12.2006
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Cytat(jg44 @ 24.02.2012, 16:42:07 ) *
Jeśli masz kilka linków (to jest jakieś menu?), to chyba najlepiej zrobić listę.
  1. <ul id="linki">
  2. <li><a href="#">Link</a></li>
  3. <li><a href="#">Link</a></li>
  4. <li><a href="#">Link</a></li>
  5. <li><a href="#">Link</a></li>
  6. </ul>

style:
  1. #linki {
  2. list-style-type: none;
  3. }
  4.  
  5. #linki li {
  6. display: inline;
  7. }

Przynajmniej ja zrobiłbym to w taki sposób, jak ktoś ma lepszy, to chętnie posłucham (IMG:style_emoticons/default/wink.gif)


Ale autorowi tematu nie chodziło chyba o sposób wyświetlania (display:inline) (IMG:style_emoticons/default/smile.gif) Tylko o sposób stylowania, czyli style typu inline, np.: <a style="color:#000;"></a>
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 12.10.2025 - 15:06