Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css] problem z css'em, poprawka...
Forum PHP.pl > Forum > Przedszkole
in5ane
20.03.2007, 15:55:00
Witam, mam problem otoz chcialem aby ".tekst2" jak bedzie linkiem to nie mial koloru bialego z "A". Ale "A" musi tez zostac, trzeba cos dopisac do ".tekst2".

Jak cos robie na stronie w tym ".tekst2" to uzywam 
[HTML] pobierz, plaintext 
  1. <span style=".tekst2">cos</span>
[HTML] pobierz, plaintext
(i tak jest kolor dobry), a jak zrobie 
[HTML] pobierz, plaintext 
  1. <span style=".tekst2"><a href="index.php>cos</a></span>
[HTML] pobierz, plaintext
(to jest biale)

Tutaj sa cale te CSS'y:
Kod
.menu       { font-family: arial; font-size: 11px; color: #FFFADD; text-align: justify; font-weight: bold }
.menu2       { font-family: arial; font-size: 11px; color: #0F3F00; text-align: center }
.menu3       { font-family: arial; font-size: 11px; color: #295F00; text-align: center }
.menu4       { font-family: arial; font-size: 11px; color: #0F3F00; text-align: left }
.tekst       { font-family: arial; font-size: 12px; color: #132110; text-align: justify }
.tekst_lewo    { font-family: arial; font-size: 12px; color: #132110; text-align: left }
.tekst_srodek    { font-family: arial; font-size: 12px; color: #132110; text-align: center }
.dzial       { font-family: arial; font-size: 12px; color: #388500; text-align: justify; font-weight: bold }
.dzial2       { font-family: arial; font-size: 12px; color: #E1C214; text-align: justify; font-weight: bold }
.dzial3       { font-family: arial; font-size: 20px; color: #388500; text-align: justify; font-weight: bold }
.wiecej       { font-family: arial; font-size: 11px; color: #7F878A; text-align: justify; font-weight: bold }
.wiecej:hover       { font-family: arial; font-size: 11px; color: #A5ADB0; text-align: justify; font-weight: bold }
.wiecej2       { font-family: arial; font-size: 11px; color: #BB760D; text-align: justify; font-weight: bold }
.wiecej2:hover       { font-family: arial; font-size: 11px; color: #DE9323; text-align: justify; font-weight: bold }
.wiecej3       { font-family: arial; font-size: 11px; color: #7F878A; text-align: justify }
.wiecej3:hover       { font-family: arial; font-size: 11px; color: #A5ADB0; text-align: justify }
.wiecej4       { font-family: arial; font-size: 11px; color: #DE9323; text-align: justify }
.wiecej4:hover       { font-family: arial; font-size: 11px; color: #BB760D; text-align: justify }
.tytul      { font-family: arial; font-size: 16px; color: #132110; text-align: justify; font-weight: bold }
.tytul2      { font-family: arial; font-size: 12px; color: #36261B; text-align: justify; font-weight: bold }
.tytul2:hover      { font-family: arial; font-size: 12px; color: #737373; text-align: justify; font-weight: bold }
.maly       { font-family: arial; font-size: 10px; color: #6D777E; text-align: justify; }
.maly2       { font-family: arial; font-size: 10px; color: #295F00; text-align: justify; }
.maly3       { font-family: arial; font-size: 10px; color: #E7AF5D; text-align: justify; }
.maly4       { font-family: arial; font-size: 10px; color: #BB760D; text-align: justify; }
.maly5       { font-family: arial; font-size: 10px; color: #ff8787; text-align: justify; }
.tekst2       { font-family: arial; font-size: 11px; color: #132110; }
.tekst2_lewo       { font-family: arial; font-size: 11px; color: #132110; text-align: left; }
.tekst3       { font-family: arial; font-size: 11px; color: #FFFFFF text-align: left; }
.tekst4       { font-family: arial; font-size: 11px; color: #F0DC43 }
.tekst5       { font-family: arial; font-size: 11px; color: #FFFFFF; text-align: left; }
.tekst6       { font-family: arial; font-size: 11px; color: #FFFFFF; text-align: right; }
A           { color: #FCFBFA; text-decoration : none }
a:hover     { color: #DE9323; text-decoration : none }
.m {border-bottom: 1px #EE9616 solid; border-right: 1px #EE9616 solid; border-left: 1px #EE9616 solid; border-top: 1px #EE9616 solid; background: #FEE4BB; font-size: 11px; padding: 2px; font-family: arial; color: #848365; text-align: left;}
.r {border-bottom: 1px #FDE0B5 solid; border-right: 1px #FDE0B5 solid; border-left: 1px #FDE0B5 solid; border-top: 1px #FDE0B5 solid; background: #FEE0B2; font-size: 11px; padding: 2px; font-family: arial; color: #848365; text-align: left;}
.t {border-bottom: 1px #DEE6EB solid; border-right: 1px #DEE6EB solid; border-left: 1px #DEE6EB solid; border-top: 1px #DEE6EB solid; background: #F5F8FA; font-size: 11px; padding: 2px; font-family: arial; color: #848365; text-align: left;}


..........--tutaj--juz--bylo--nie--potrzebne..........
strife
20.03.2007, 16:01:03
Konstrukcja <span style=".tekst2">cos</span> jest błędna. Ale jak rozumiem, pomyliło Ci się z class.

Nie poprawię Ci tego kodu, za to dam przykład:

[HTML] pobierz, plaintext 
  1. <style>
  2. a { 
  3.     color: red;
  4. }
  5. .zmien a {
  6.     color: blue;
  7. }
  8. </style>
  9. <p><a href="#">Normalny glowny link</a> </p>
  10. <p class="zmien"><a href="#">Nienormalny link</a></p>
[HTML] pobierz, plaintext


Mam nadzieję, że o to Ci chodzi. winksmiley.jpg
babejsza
20.03.2007, 16:04:36
lol 8|,

Cytat
<span style=".tekst2">cos</span>


Co to jest??

[HTML] pobierz, plaintext 
  1. <span style="tekst2">cos</span>
[HTML] pobierz, plaintext


Jeżeli już smile.gif.

A tak w ogóle to zrób tak:

[HTML] pobierz, plaintext 
  1. .tekst2 a {font-family: arial; font-size: 11px; color: #132110;}
[HTML] pobierz, plaintext


I pocztytaj trochę o css i xhtml/html bo widać, że nie masz o tym zielonego pojęcia.
in5ane
20.03.2007, 16:06:11
done, poradzilem sobie inna metoda smile.gif
babejsza
20.03.2007, 16:07:30
Mam nadzieję, że nie równie tragiczną jak do tej pory smile.gif.
strife
20.03.2007, 16:42:34
Cytat
Cytat
<span style=".tekst2">cos</span>

Co to jest??

[HTML] pobierz, plaintext 
  1. <span style="tekst2">cos</span>
[HTML] pobierz, plaintext


Jeżeli już smile.gif.


Nie wprowadzaj ludzi w błąd! Jak pisałem wyżej nie można się odwołać poprzez style do klasy. Od tego jest argument class, polecam lekturę http://kurs.browsehappy.pl/.

Cytat
Mam nadzieję, że nie równie tragiczną jak do tej pory .

Mogłeś mu równie dobrze napisać to na PW, ponieważ nic nowego do tematu Twoja wypowiedź nie wnosi.

Pozdrawiam
babejsza
20.03.2007, 17:46:10
Nie zauważyłem, że tam jest style zamiast class. Odnośnie ostatniego posta to rzeczywiście się pośpieszyłem, ale ogólnie chodziło o to, żeby nie trzymać się złych metod.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.