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.
[HTML] pobierz, plaintext 
  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.            }
[HTML] pobierz, plaintext



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

[HTML] pobierz, plaintext 
  1. <a href=... class="n13">
[HTML] pobierz, plaintext



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ę.
[HTML] pobierz, plaintext 
  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>
[HTML] pobierz, plaintext

style:
[CSS] pobierz, plaintext 
  1. #linki {
  2.   list-style-type: none;
  3. }
  4.  
  5. #linki li {
  6.   display: inline;
  7. }
[CSS] pobierz, plaintext

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ę.
[HTML] pobierz, plaintext 
  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>
[HTML] pobierz, plaintext

style:
[CSS] pobierz, plaintext 
  1. #linki {
  2.   list-style-type: none;
  3. }
  4.  
  5. #linki li {
  6.   display: inline;
  7. }
[CSS] pobierz, plaintext

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
- -tomek1973-   [CSS] linki - css inline   24.02.2012, 15:58:27
- - CTRL   Znam się jako tako, ale z tego co wiem to: .n13 a:...   24.02.2012, 16:05:56
- - Niktoś   A jak niby chcesz zobaczyć efekty jak jest zdefini...   24.02.2012, 16:14:57
- - vonski   CytatChciałbym to jednak zrobić metodą inline, czy...   24.02.2012, 16:25:29
- - jg44   Jeśli masz kilka linków (to jest jakieś menu?), to...   24.02.2012, 16:42:07
|- - vonski   Cytat(jg44 @ 24.02.2012, 16:42:07 ) J...   24.02.2012, 16:48:33
- - Niktoś   CytatW jaki sposób określić parametru linku w styl...   24.02.2012, 16:59:11
|- - jg44   Cytat(Niktoś @ 24.02.2012, 16:59:11 )...   24.02.2012, 17:11:39
- - vonski   CytatCo to znaczy "style typu inline"? N...   24.02.2012, 18:11:15
- - Niktoś   Dla mnie <a style="..."></a...   24.02.2012, 18:17:47
- - -tomek1973-   Dokładnie tak jak mówi vonski. Chcę aby link był ...   24.02.2012, 18:30:41
- - vonski   A no widzisz, trzeba było od razu mówić że robisz ...   24.02.2012, 19:09:07

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 12.10.2025 - 20:13
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn