GoldenLine
Zaloguj się
Dawid Wojnowski

Dawid Wojnowski Tax Advisor,
Managing Director of
TaxOne

Temat: czcionki w CSS

Witam,

Gdzies na mojej stronie popelnilem blad w kodzie css.
Pytanie może wydawać się banalne jednak weźcie proszę pod uwagę że jestem samoukiem i ciezko mi czasem poprawić samemu taki błąd.

Mianowicie html validation pokazuje mi taki bląd:

Error: Element p9 not allowed as child of element div in this context. (Suppressing further errors from this subtree.)
From line 75, column 9; to line 75, column 12
↩ <p9>Workin
Content model for element div:
Flow content.

od <p> do <p9> w css podalem wartosci kolejnych rodzajów czcionek do strony

p {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; margin: 20px;}

p9 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 16px; margin: 20px; color:#173d95; text-align:center; font-weight: bold; }

Natomiast div pod którym się znajdują to:

#bodyArea #left {background-color: #FFF; border:1px solid #F1F1F1; -moz-border-radious:5px; -moz-box-shadow:2px 2px 5px #999;-webkit-border-radius:5px; -webkit-box-shadow:2px 2px 5px #999; padding:16px 10px 40px; width: 550px; float: left; margin-top: 10px;height: auto;}

Strona z błędem to http://taxplanuk.com/benefity.htm

Mam 9 rodzajów czcionek które powinny się znajdować na stronie. Czy mogę inaczej je exportować z css do html do znacznika div?
Link do wypowiedziLink

konto usunięte

Temat: czcionki w CSS

Nie ma czegoś takiego jak <p9>.
Jest tylko <p>
Link do wypowiedziLink

konto usunięte

Temat: czcionki w CSS

<p9> :D

do zmiany stylów używa się np. atrybutu klasy.
Link do wypowiedziLink
Sławomir Jach

Sławomir Jach Programista,
DreamLab

Temat: czcionki w CSS

czyli:

html:
<p class="numer9"><p>

i css:
.numer9 {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 16px; margin: 20px; color:#173d95; text-align:center; font-weight: bold;
}
Link do wypowiedziLink
Mateusz Kocz

Mateusz Kocz JavaScript
Programmer &
Front-end Developer

Temat: czcionki w CSS

Zamień <h2>Benefity</h2> na <h1>Benefity</h1> i wszystkie <p9> … </p9> na <h2> … </h2> to naprawi się walidacja (nie będzie tego błędu o nieistniejącym p9). Natomiast trochę nie rozumiem problemu z czcionkami, bo i w <p> i w <p9> podajesz ten sam krój ("Lucida Sans Unicode", "Lucida Grande").
Link do wypowiedziLink
Dawid Wojnowski

Dawid Wojnowski Tax Advisor,
Managing Director of
TaxOne

Temat: czcionki w CSS

no niby nie ma <p9> a dziala na stronie :) tylko w validation mi wyskakuje błąd

dzieki wielkie, juz to sobie poprawiam :)
Link do wypowiedziLink
Dawid Wojnowski

Dawid Wojnowski Tax Advisor,
Managing Director of
TaxOne

Temat: czcionki w CSS

Mateusz Kocz:
Zamień <h2>Benefity</h2> na <h1>Benefity</h1> i wszystkie <p9> … </p9> na <h2> … </h2> to naprawi się walidacja (nie będzie tego błędu o nieistniejącym p9). Natomiast trochę nie rozumiem problemu z czcionkami, bo i w <p> i w <p9> podajesz ten sam krój ("Lucida Sans Unicode", "Lucida Grande").

Owszem, wszedzie ten sam krój jednak różnią się wielkością i kolorem
Link do wypowiedziLink
Mateusz Kocz

Mateusz Kocz JavaScript
Programmer &
Front-end Developer

Temat: czcionki w CSS

Dawid Wojnowski:
Owszem, wszedzie ten sam krój jednak różnią się wielkością i kolorem

Przejrzałem kod i chyba wiem o co kaman. W arkuszu CSS przed wszystkimi pX dodaj kropkę (tj. .p1, .p2, .p3 itd.) a w plikach .html użyj tych klas. Przykładowo na stronie głównej, gdzie były uprzednio <p9> zrób <h2 class="p9">Working & Child Tax Credit </h2>
Link do wypowiedziLink
Dawid Wojnowski

Dawid Wojnowski Tax Advisor,
Managing Director of
TaxOne

Temat: czcionki w CSS

poprawki zrobione. wszystko "cacy"! Wielkie dzieki za pomoc. Przyda mi się taka podstawowa wiedza na przyszłość :)
Link do wypowiedziLink
Dawid Wojnowski

Dawid Wojnowski Tax Advisor,
Managing Director of
TaxOne

Temat: czcionki w CSS

Jeszcze jedno pytanie.

Czemu tabela na tej stronie jest cala w bledach jesli uzylem dreamweaver do jej zrobienia?

http://html5.validator.nu/?doc=http%3A%2F%2Ftaxplanuk....

Cala strona jest w bledach przez tę tabelę. Wolalbym w ten sposób ją zostawić niż pisać osobno css do niej. Czy mozna zmienić coś w znacznikach META lub <!DOCTYPE >

teraz validation wyglada tak:

Error: The width attribute on the table element is obsolete. Use CSS instead.
From line 51, column 4; to line 51, column 65
e>↩ ↩ <table width="500" border="0" cellspacing="0" cellpadding="0">↩ <
Error: The cellspacing attribute on the table element is obsolete. Use CSS instead.
From line 51, column 4; to line 51, column 65
e>↩ ↩ <table width="500" border="0" cellspacing="0" cellpadding="0">↩ <
Error: The cellpadding attribute on the table element is obsolete. Use CSS instead.
From line 51, column 4; to line 51, column 65
e>↩ ↩ <table width="500" border="0" cellspacing="0" cellpadding="0">↩ <
Error: The value of the border attribute on the table element must be either 1 or the empty string. To regulate the thickness of table borders, Use CSS instead.
From line 51, column 4; to line 51, column 65
e>↩ ↩ <table width="500" border="0" cellspacing="0" cellpadding="0">↩

A to tylko pierwsze 4 ze 100 errorow :)Dawid Wojnowski edytował(a) ten post dnia 25.06.12 o godzinie 23:29
Link do wypowiedziLink
Rafał Kamiński

Rafał Kamiński Senior Front End
Developer |
Freelance 100%

Temat: czcionki w CSS

Poczytaj sobie tutaj moze cos pomoze

http://www.w3schools.com/html5/tag_table.asp
Link do wypowiedziLink
Dawid Wojnowski

Dawid Wojnowski Tax Advisor,
Managing Director of
TaxOne

Temat: czcionki w CSS

Kolejne pytanko :)

Czemu IE nie widzi ramek podczas gdy chrome wyswietla wszystko pieknie?

Strona sprawdzona validatorem i wszystko jest niby ok jednak IE nie widzi obramowania

http://taxplanuk.com/index.htm
Link do wypowiedziLink

konto usunięte

Temat: czcionki w CSS

Ramki (border) są.
Pod IE nie widać tylko zaokraglonych rogów(border-radius) i cieni (box-shadow) ponieważ używasz wersji jedynie dla przeglądarek opartych na gecko(-moz-box-shadow) i webkit(-webkit-box-shadow).
Dodaj podstawową formę tych właściwości (bez przedrostków) dla przeglądarek, które ją obsługują, natomiast dla starszych IE musialbyś użyć jednego z rozwiązań dodających obsługę CSS3.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Poszukiwany koder (X)HTML, ...




Wyślij zaproszenie do
Anuluj