[CSS][HTML] Analiza błędów, validator - 2 problemy z CSS Opcje

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

[CSS] pobierz, plaintext 
}
p {
position: relative;
padding-bottom: 20px;
align:justify;
}
p.right {
align: right;
}
[CSS] pobierz, plaintext 

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

Problem no.2

[HTML] pobierz, plaintext 
<a href="#!/aktualnosci"><img src="images/wiecej.png" onmouseover="src='images/wiecejon.png'" onmouseout="src='images/wiecej.png'" border="0" alt="więcej"></a>
[HTML] pobierz, plaintext 

Jak wrzucić to do css?

Ten post edytował cst 4.11.2012, 23:03:27

[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

[HTML] pobierz, plaintext 
<a class="notactive" href="#!/aktualnosci" style="background:url(images/wiecej1.png);" ></a>
[HTML] pobierz, plaintext 

a w stylach to:

[CSS] pobierz, plaintext 
.active, .notactive:hover {
        float: right;
        height: 20px;
        width: 78px;
        background-position: 0 20px !important
}
 
.notactive {
        float: right;
        height: 20px;
        width: 78px;
        background-position: 0 0px
}
[CSS] pobierz, plaintext 

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.

Ten post edytował cst 4.11.2012, 23:05:44

[b4rt3kk]

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

[HTML] pobierz, plaintext 
<a class="notactive" href="#!/aktualnosci" style="background:url(images/wiecej1.png);" ></a>
[HTML] pobierz, plaintext 

a w stylach to:

[CSS] pobierz, plaintext 
.active, .notactive:hover {
        float: right;
        height: 20px;
        width: 78px;
        background-position: 0 20px !important
}
 
.notactive {
        float: right;
        height: 20px;
        width: 78px;
        background-position: 0 0px
}
[CSS] pobierz, plaintext 

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;