Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Analiza błędów
Forum PHP.pl > Forum > Przedszkole
cst
Cześć,

Chciałbym pozbyć się błędów na stronie, które mi wyrzucił validator.

Problem no. 1

Line 99, Column 31: The align attribute on the p element is obsolete. Use CSS instead.
<p align="right"> <a href="#!/aktualnosci"><img src="images/wiece…



i właśnie, próbuję w css zrobić p class ale coś mi nie idzie...

  1. }
  2. p {
  3. position: relative;
  4. padding-bottom: 20px;
  5. align:justify;
  6. }
  7. p.right {
  8. align: right;
  9. }


Próbuję w powyższy sposób i w kodzie <p class="right"> i... nie działa

Problem no.2

  1. <a href="#!/aktualnosci"><img src="images/wiecej.png" onmouseover="src='images/wiecejon.png'" onmouseout="src='images/wiecej.png'" border="0" alt="więcej"></a>

Jak wrzucić to do css?
viking
http://www.w3.org/TR/html4/present/graphics.html#h-15.1.2

Te zdarzenia onmouse też zastąp css. Background-position.
fate
Zamiast align - dajesz text-align i będzie latać.
http://www.w3schools.com/cssref/pr_text_text-align.asp
cst
Dzięki, biorę się za to już i mam jeszcze jedno pytanie.

Jest możliwość, żeby po przeglądarkami IE 8 i niższe ładowała się inna zawartość strony/inny kod/inna strona?
Pawel_W
google -> IE conditional tags
cst
Dziękuję wszystkim za odpowiedzi!

Mam problem z background position. Zrobiłem i działa ale menu mam rozwiązane na "active" i się gryzie - menu się przez to rozjeżdża. I oprócz tych przycisków chcę zrobić też inne grafiki na tej zasadzie w innych rozmiarach.

W kodzie wklejam
  1. <a class="notactive" href="#!/aktualnosci" style="background:url(images/wiecej1.png);" ></a>

a w stylach to:
  1. .active, .notactive:hover {
  2. float: right;
  3. height: 20px;
  4. width: 78px;
  5. background-position: 0 20px !important
  6. }
  7.  
  8. .notactive {
  9. float: right;
  10. height: 20px;
  11. width: 78px;
  12. background-position: 0 0px
  13. }


Próbowałem zrobić to na np active1, notactive1 ale wtedy nie działa.

Z góry dzięki za pomoc.

Prosiłbym bardzo bardzo o pomoc w powyższym problemie.
b4rt3kk
Cytat(cst @ 5.11.2012, 15:31:59 ) *
Dziękuję wszystkim za odpowiedzi!

Mam problem z background position. Zrobiłem i działa ale menu mam rozwiązane na "active" i się gryzie - menu się przez to rozjeżdża. I oprócz tych przycisków chcę zrobić też inne grafiki na tej zasadzie w innych rozmiarach.

W kodzie wklejam
  1. <a class="notactive" href="#!/aktualnosci" style="background:url(images/wiecej1.png);" ></a>

a w stylach to:
  1. .active, .notactive:hover {
  2. float: right;
  3. height: 20px;
  4. width: 78px;
  5. background-position: 0 20px !important
  6. }
  7.  
  8. .notactive {
  9. float: right;
  10. height: 20px;
  11. width: 78px;
  12. background-position: 0 0px
  13. }


Próbowałem zrobić to na np active1, notactive1 ale wtedy nie działa.

Z góry dzięki za pomoc.

Prosiłbym bardzo bardzo o pomoc w powyższym problemie.


W jaki sposób się rozjeżdża? Pokaż to on-line. No i dodaj do linków - display: block;
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.