OK, HTML doctype ustawiłem na:
Kod: Zaznacz cały
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
.
Nadal mam problemy z dziedziczeniem w niektórych przypadkach: np: w zewnętrznym plikui *css
ustawiam jako klasę "rodzicielską"
Kod: Zaznacz cały
input {
border-right: #9B0000 1px solid;
border-top: #9B0000 1px solid;
border-bottom: #9B0000 1px solid;
border-left: #9B0000 1px solid;
display: block;
}
następnie klasę, która ma dziedziczyć z
imput { } oraz dodać nową właściwość dla pól formularza
radio i
CHECKBOX, to nie wyświetla białego tła i dziedziczy obramowania z
imput { } . To znaczy w źle działającym
IE się wyświetla to tło oraz obramowanie dla
radio i
CHECKBOX , w FF nie.
arkusz styli tym razem nie jest objęty w
, tak sugerowano w w/w kursie oraz, bo jak obejmowałem arkusz tym kodem , to w ogóle wszystko się sypało.
Totalnie już jestem wygłupiony
KOD HTML
Kod: Zaznacz cały
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2">
<META HTTP-EQUIV="Content-Language" CONTENT="pl">
<META NAME="Author" CONTENT="user">
<LINK rel="stylesheet" HREF="lekcja2.css" type="text/css">
<TITLE>lekcja2</TITLE>
</HEAD>
<BODY>
<TABLE WIDTH="780" CELLSPACING="0" CELLPADDING="0" BORDER="0">
<tr>
<TD CLASS="gorne"><P CLASS="gora">http://www.moja strona.pl</P> </td>
</tr>
</table>
<TABLE WIDTH="780" CELLSPACING="0" CELLPADDING="0" BORDER="0">
<tr>
<TD CLASS="menu">
<P CLASS="menu1">Menu:</P>
<P CLASS="menu2">
<A HREF="omnie.html" CLASS="lewe">O mnie</a>
<A href="#" class="lewe">Ważne</a>
<A href="#" class="lewe">Formularz</a>
<A href="#" class="lewe">Kontakt z autorem</a>
<A href="#" class="lewe">www.yarpo.prv.pl</a>
</P>
<P CLASS="podmenu">pod menu</P>
</td>
<TD CLASS="txt">
<P CLASS="tytul">Formularz</P>
<P CLASS="tresc">To jest sobie stronka stronka pełna różnej treści.
</P>
<FORM ACTION="mailto:rubycon:@interia.pl" METHOD="POST" ENCTYPE="multipart/form-data" ACCEPT-CHARSET="iso-8859-2" ACCEPT="image/gif, image/jpeg, image/png">
<INPUT TYPE="RADIO" NAME="Płeć" VALUE="men" CLASS="wybor">
<INPUT TYPE="RADIO" NAME="Płeć" VALUE="kob" CLASS="wybor">
<INPUT TYPE="TEXT" NAME="nick" CLASS="wybor">
<INPUT TYPE="CHECKBOX" NAME="sprawdz" VALUE="ok" CLASS="wybor">
<TEXTAREA NAME="tresc" COLS="16" ROWS="4" WRAP="VIRTUAL" class="pole"></TEXTAREA>
<INPUT TYPE="SUBMIT" NAME="wyslka" VALUE="Wyślij form" class="przycisk">
</FORM>
</td>
</tr>
</table>
<TABLE WIDTH="780" CELLSPACING="0" CELLPADDING="0" BORDER="0">
<tr>
<td><P CLASS="stopka">stopka</P></td>
</tr>
</table>
</BODY>
</HTML>
KOD CSS:
Kod: Zaznacz cały
BODY {
background-color: #CBD1D3;
color: #565656;
text-align: center;
scrollbar-3dlight-color: silver;
scrollbar-arrow-color: black;
scrollbar-base-color: white;
scrollbar-dark-shadow-color: black;
scrollbar-face-color: white;
scrollbar-highlight-color: silver;
scrollbar-shadow-color: silver;
}
TABLE {
margin-left: auto;
margin-right: auto;
}
td {
vertical-align: top;
}
td.txt {
border-left: 1px solid white;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
td.gorne {
padding: 10px 25px 25px;
border-top: 1px solid #000033;
border-right: 1px solid #000033;
border-left: 1px solid #FFFFFF;
background-color: #AFB4C0;
}
td.menu {
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
width: 160;
background-color: #AFB4C0;
background: silver;
}
a {
text-decoration: none;
color: black;
text-align: right;
}
a.lewe {
border-left: 1px solid white;
border-bottom: 1px solid white;
margin-left: 20px;
display: block;
background-color: #CBD1D3;
}
a.lewe:hover {
background-color: white;}
p.gora {
font-size: 15pt;
padding: 25px 0 25px 0;
font-family: verdana,tahoma,helvetica,sans-serif;
text-align: center;
}
P.menu1 {
margin: 10px 10px 0 10px;
font-size: 9pt;
padding: 2px 20px 2px 0;
font-weight: bold;
text-align: right;
font-family: verdana,tahoma,helvetica,sans-serif;
background-color: #B1BBBE;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-top: 1px solid white;
}
P.menu2 {
margin: 0 10px 0 0;
font-size: 9pt;
padding: 0;
text-align: right;
font-family: verdana,tahoma,helvetica,sans-serif;
border-right: 1px solid white;
}
p.podmenu {
margin: 0 0 0 0;
margin-left: 20px; margin-right: 10px;
background-color: #AFB4C0;
}
P.stopka {
margin: 0;
padding: 10px 1px 1px 1px;
font-family: arial;
font-size: 7pt;
text-align: center;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid white;
background-color: #AFB4C0;
}
P.tresc {
border-left: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
font-family: arial;
font-size: 12px;
text-align: justify;
margin: 0 0 10px 10px;
padding: 5px 10px 5px 10px;
}
p.tytul {
border-left: 1px solid #333333;
border-right: 1px solid #333333;
border-top: 1px solid #333333;
font-family: arial,tahoma,helvetica,sans-serif;
font-size: 22px;
font-weight: bold;
text-align: justify;
margin: 10px 0 0 10px;
padding: 5px 10px 5px 10px;
text-indent: 20px;
}
input {
border-right: #9B0000 1px solid;
border-top: #9B0000 1px solid;
border-bottom: #9B0000 1px solid;
border-left: #9B0000 1px solid;
display: block;
}
input.wybor {
background-color: #55CdF4;
}
input.przycisk {
font-size: 11px;
background-color: black;
cursor: hand;
color: white;
font-family: tahoma,sans-serif;
height: 19px;
Co tu jest źle?
i dlaczego?
R.
Czas poszukać lepszego edytora css, który nadąża za standardami. obecnie korzystam z kursu, znajdującego się na stronie: