Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [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
CTRL
post
Post #2





Grupa: Zarejestrowani
Postów: 133
Pomógł: 8
Dołączył: 23.09.2011
Skąd: Stromiec

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

Znam się jako tako, ale z tego co wiem to:
.n13 a:link { cośtam }
działa. Proszę mnie poprawić smile.gif


--------------------
www.staraprochownia.pl
Go to the top of the page
+Quote Post
Niktoś
post
Post #3





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----

A jak niby chcesz zobaczyć efekty jak jest zdefiniowany ten sam styl dla link,visited i active.
Cytat
Chciałbym to jednak zrobić metodą inline, czyli:

Tego to już naprawdę nie rozumie.
Możesz to zrobić na dwa sposobu w js:
http://webmade.org/porady/zmiana-klasy-css-js.php
Lub php:
[PHP] pobierz, plaintext 
  1. $styl="link";
  2. if (isset($_POST){
  3. if($warunek=="coś tam")
  4. {
  5. $styl="visited";
  6. }else
  7. {
  8. $styl="active";
  9. }
  10. echo '<a href=... class='.$styl.'>coś tam</a>';
  11. }else
  12. {
  13. echo '<a href=... class='.$styl.'>coś tam</a>';
  14. }
  15.  
[PHP] pobierz, plaintext


Ten post edytował Niktoś 24.02.2012, 16:24:30
Go to the top of the page
+Quote Post
vonski
post
Post #4





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

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

Cytat
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.


Chcesz stylem inline przypisać style dla hover, active itp.? Z tego co wiem, nie da się w ten sposób stylować pseudklas, także zostaje ci styl w <style></style> albo JS.


--------------------
Zend Certified Engineer | Microsoft Certified Professional: Programming in HTML5 with JavaScript & CSS3 | Blog
Go to the top of the page
+Quote Post
jg44
post
Post #5





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 wink.gif
Go to the top of the page
+Quote Post
vonski
post
Post #6





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 wink.gif


Ale autorowi tematu nie chodziło chyba o sposób wyświetlania (display:inline) smile.gif Tylko o sposób stylowania, czyli style typu inline, np.: <a style="color:#000;"></a>


--------------------
Zend Certified Engineer | Microsoft Certified Professional: Programming in HTML5 with JavaScript & CSS3 | Blog
Go to the top of the page
+Quote Post
Niktoś
post
Post #7





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----

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



Cytat
Ale autorowi tematu nie chodziło chyba o sposób wyświetlania (display:inline)

W ogóle nie wiadomo o co autorowi tak w ogóle chodzi.

Ten post edytował Niktoś 24.02.2012, 17:01:21
Go to the top of the page
+Quote Post
jg44
post
Post #8





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

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

Cytat(Niktoś @ 24.02.2012, 16:59:11 ) *
W ogóle nie wiadomo o co autorowi tak w ogóle chodzi.

To prawda, teraz też się zgubiłem. smile.gif

Cytat(vonski @ 24.02.2012, 16:48:33 ) *
Tylko o sposób stylowania, czyli style typu inline, np.: <a style="color:#000;"></a>

Co to znaczy "style typu inline"?
Nie ma znaczenia, czy styl jest inline, block, none czy jakikolwiek inny. Jeżeli jest kilka linków, to najlepiej wrzucić to albo do ul albo do diva i narzucić ogólny styl dla wszystkiego, np. color: #000;. Styluje się zawsze tak samo wink.gif

Ten post edytował jg44 24.02.2012, 17:12:09
Go to the top of the page
+Quote Post
vonski
post
Post #9





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

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

Cytat
Co to znaczy "style typu inline"?
Nie ma znaczenia, czy styl jest inline, block, none czy jakikolwiek inny. Jeżeli jest kilka linków, to najlepiej wrzucić to albo do ul albo do diva i narzucić ogólny styl dla wszystkiego, np. color: #000;. Styluje się zawsze tak samo


Z w3c:

There are three ways of inserting a style sheet:

External style sheet
Internal style sheet
Inline style

Nie chodzi o display:inline tylko o miejsce wstawiania stylu. Styl inline to taki który wstawiasz bezpośrednio do elementu, czyli <a style="..."></a> i wydaje mi się, że o to autorowi chodziło, aczkolwiek ciężko wyczuć jak to zauważył zresztą Niktoś smile.gif
Inna sprawa, że ten sposób wstawiania stylu jest mocno niezalecany, no ale jeżeli ktoś się uprze to też można.


--------------------
Zend Certified Engineer | Microsoft Certified Professional: Programming in HTML5 with JavaScript & CSS3 | Blog
Go to the top of the page
+Quote Post
Niktoś
post
Post #10





Grupa: Zarejestrowani
Postów: 1 195
Pomógł: 109
Dołączył: 3.11.2011

Ostrzeżenie: (10%)
X----

Dla mnie <a style="..."></a> to stylizowanie elementu/tagu za pomocą atrybutu "style".

Ten post edytował Niktoś 24.02.2012, 18:18:09
Go to the top of the page
+Quote Post
--tomek1973--
post
Post #11





Goście
Dokładnie tak jak mówi vonski.

Chcę aby link był koloru czerwonego , visited link koloru żółtego , a hover link koloru czarnego. (taki przykład)

Dokładnie wiem jak to zrobić za pomocą

"External style sheet
Internal style sheet" (wg.W3s)

Jednak pomimo, że jest to metoda niezalecana, z czego sobie zdaję sprawę, chcę to zrobić metodą "inline"(wg.W3s)
i nie umiem, nie wiem gdzie znaleźć, jak to zrobić.

Chodzi mi o coś takiego:

[HTML] pobierz, plaintext 
  1. <a style="color:red;" href="abc.php">abc</a>
[HTML] pobierz, plaintext


Kod ten jednak definiuje kolor linka, jeden dla wszystkich rodzajów.
Znaczy to, że link jest czerwony, visited link jest czerwony i hover link jest czerwony.
A ja chcę aby każdy z nich miał inny kolor!


Być może jest to niemożliwe?questionmark.gif...tego też nie wiem

Inne metody nie wchodzą w grę, gdyż piszę e-mail w html, a ze względu na ilość wyszukiwarek i urządzeń które istnieją, a w których może to być odczytywane ryzyko rozsypania się się wszystkiego jest bardzo duże, dlatego polecono mi tabelki i styl inline.
Go to the top of the page
+Quote Post
vonski
post
Post #12





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

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

A no widzisz, trzeba było od razu mówić że robisz e-mail w HTML smile.gif To wtedy oczywiście jeśli CSS to tylko inline. Zła wiadomość jest taka, że raczej nie ostylujesz w ten sposób pseudoklas. Połowicznie dobra wiadomość jest taka, że możesz w <head></head> wrzucić i <style></style> i w nim stylować linki - i w ten sposób przynajmniej część klientów będzie odczytywała te style. Sam nie tak dawno spotkałem się z podobnym problemem przy pisaniu maila w HTML. Być może te linki coś ci pomogą:
- ogólne porady dotyczące pisania maili w HTML: http://24ways.org/2009/rock-solid-html-emails
- kompatybilność CSS w klientach pocztowych: http://www.campaignmonitor.com/css/

powodzenia smile.gif


--------------------
Zend Certified Engineer | Microsoft Certified Professional: Programming in HTML5 with JavaScript & CSS3 | Blog
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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