Popis XHTML úlohy
Z VirtlabWiki
(Rozdíly mezi verzemi)
| Verze z 22:38, 3. 8. 2008 Zap113 (Diskuse | příspěvky) (→Struktura stránky:) ← Předchozí porovnání |
Verze z 09:49, 4. 8. 2008 Zap113 (Diskuse | příspěvky) Následující porovnání → |
||
| Řádka 1: | Řádka 1: | ||
| - | ¨ | + | == Css styl == |
| + | |||
| + | <pre> | ||
| + | body { | ||
| + | font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; | ||
| + | font-size: 12px; | ||
| + | text-align: center; | ||
| + | background-color: #FFFFFF; | ||
| + | } | ||
| + | /* Obal stránky */ | ||
| + | #wrapper { | ||
| + | padding: 0px 0px 0px 0px; | ||
| + | background-color: #FFFFFF;/* #CEFFAF */ | ||
| + | /*border: 1px ridge #A7CC8F;*/ | ||
| + | position: relative; | ||
| + | margin: auto; | ||
| + | width: 900px; | ||
| + | color: #111111; | ||
| + | text-align: justify; | ||
| + | } | ||
| + | |||
| + | /* Struktura uloh */ | ||
| + | div#title { | ||
| + | font-family: Arial; | ||
| + | font-size: 16px; | ||
| + | font-weight: bold; | ||
| + | /*background-color: #F6FFBF;*/ | ||
| + | color: #336667; | ||
| + | margin-left: 5px; | ||
| + | padding: 18px 0px 12px 0px; | ||
| + | } | ||
| + | |||
| + | div#goal { | ||
| + | border-bottom: 1px black dotted; | ||
| + | margin: 5px; | ||
| + | padding: 12px 0px 6px 20px; | ||
| + | } | ||
| + | |||
| + | div#time { | ||
| + | border-bottom: 1px black dotted; | ||
| + | margin: 5px; | ||
| + | padding: 12px 0px 6px 20px; | ||
| + | } | ||
| + | |||
| + | div#teoback { | ||
| + | border-bottom: 1px black dotted; | ||
| + | margin: 5px; | ||
| + | padding: 12px 0px 6px 20px; | ||
| + | } | ||
| + | div#teoback ul li { | ||
| + | list-style-type: none; | ||
| + | } | ||
| + | div#topology { | ||
| + | border-bottom: 1px black dotted; | ||
| + | text-align: center; | ||
| + | margin: 5px; | ||
| + | padding: 12px 0px 6px 20px; | ||
| + | } | ||
| + | |||
| + | div#topology img { | ||
| + | /*border: 1px ridge #A7CC8F;*/ | ||
| + | margin: 5px 0px 0px -20px; | ||
| + | padding: 12px 0px 6px 20px; | ||
| + | } | ||
| + | |||
| + | div#config { | ||
| + | border-bottom: 1px black dotted; | ||
| + | margin: 5px; | ||
| + | padding: 12px 0px 6px 20px; | ||
| + | } | ||
| + | |||
| + | div#test { | ||
| + | border-bottom: 1px black dotted; | ||
| + | margin: 5px; | ||
| + | padding: 12px 0px 6px 20px; | ||
| + | } | ||
| + | |||
| + | div#optional { | ||
| + | border-bottom: 1px black dotted; | ||
| + | margin: 5px; | ||
| + | padding: 12px 0px 6px 20px; | ||
| + | } | ||
| + | div#goal h1{ | ||
| + | text-align: left; | ||
| + | font-size: 14px; | ||
| + | font-weight: bold; | ||
| + | font-style: italic; | ||
| + | color: #336667; | ||
| + | margin: 0px 0px 0px -20px; | ||
| + | padding: 0px 0px 6px 0px; | ||
| + | } | ||
| + | div#time h1{ | ||
| + | text-align: left; | ||
| + | font-size: 14px; | ||
| + | font-weight: bold; | ||
| + | font-style: italic; | ||
| + | color: #336667; | ||
| + | margin: 0px 0px 0px -20px; | ||
| + | padding: 0px 0px 6px 0px; | ||
| + | } | ||
| + | div#teoback h1{ | ||
| + | text-align: left; | ||
| + | font-size: 14px; | ||
| + | font-weight: bold; | ||
| + | font-style: italic; | ||
| + | color: #336667; | ||
| + | margin: 0px 0px 0px -20px; | ||
| + | padding: 0px 0px 6px 0px; | ||
| + | } | ||
| + | div#topology h1{ | ||
| + | text-align: left; | ||
| + | font-size: 14px; | ||
| + | font-weight: bold; | ||
| + | font-style: italic; | ||
| + | color: #336667; | ||
| + | margin: 0px 0px 0px -20px; | ||
| + | padding: 0px 0px 6px 0px; | ||
| + | } | ||
| + | div#config h1{ | ||
| + | text-align: left; | ||
| + | font-size: 14px; | ||
| + | font-weight: bold; | ||
| + | font-style: italic; | ||
| + | color: #336667; | ||
| + | margin: 0px 0px 0px -20px; | ||
| + | padding: 0px 0px 6px 0px; | ||
| + | } | ||
| + | div#test h1{ | ||
| + | text-align: left; | ||
| + | font-size: 14px; | ||
| + | font-weight: bold; | ||
| + | font-style: italic; | ||
| + | color: #336667; | ||
| + | margin: 0px 0px 0px -20px; | ||
| + | padding: 0px 0px 6px 0px; | ||
| + | } | ||
| + | div#optional h1{ | ||
| + | text-align: left; | ||
| + | font-size: 14px; | ||
| + | font-weight: bold; | ||
| + | font-style: italic; | ||
| + | color: #336667; | ||
| + | margin: 0px 0px 0px -20px; | ||
| + | padding: 0px 0px 6px 0px; | ||
| + | } | ||
| + | /* Struktura uloh END */ | ||
| + | |||
| + | div.caption { | ||
| + | text-align: left; | ||
| + | font-size: 14px; | ||
| + | font-weight: bold; | ||
| + | font-style: italic; | ||
| + | color: #336667; | ||
| + | margin: 0px 0px 0px -20px; | ||
| + | padding: 0px 0px 6px 0px; | ||
| + | } | ||
| + | /* Code */ | ||
| + | div.code { | ||
| + | font-family: "Courier New", Courier, monospace; | ||
| + | /*color: Yellow;*/ | ||
| + | background-color: #F1F1F1; | ||
| + | border: 1px dashed; | ||
| + | width: 600px; | ||
| + | padding: 10px 5px 10px 20px; | ||
| + | margin: 5px 0px 5px 20px; | ||
| + | } | ||
| + | div.code span{ | ||
| + | font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; | ||
| + | font-style: italic; | ||
| + | } | ||
| + | div.code div{ | ||
| + | padding: 0px 0px 0px 0px; | ||
| + | margin: 0px 0px 0px 20px; | ||
| + | } | ||
| + | div.code ul { | ||
| + | list-style-type: none; | ||
| + | margin-left: -20px; | ||
| + | } | ||
| + | div.code ul li { | ||
| + | list-style-type: none; | ||
| + | } | ||
| + | /* Code END */ | ||
| + | |||
| + | /* Link */ | ||
| + | a:before { | ||
| + | content: "Link:"; | ||
| + | } | ||
| + | |||
| + | a { | ||
| + | text-decoration: none; | ||
| + | color: #336667; | ||
| + | } | ||
| + | /* Link END */ | ||
| + | </pre> | ||
Verze z 09:49, 4. 8. 2008
Css styl
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
background-color: #FFFFFF;
}
/* Obal stránky */
#wrapper {
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;/* #CEFFAF */
/*border: 1px ridge #A7CC8F;*/
position: relative;
margin: auto;
width: 900px;
color: #111111;
text-align: justify;
}
/* Struktura uloh */
div#title {
font-family: Arial;
font-size: 16px;
font-weight: bold;
/*background-color: #F6FFBF;*/
color: #336667;
margin-left: 5px;
padding: 18px 0px 12px 0px;
}
div#goal {
border-bottom: 1px black dotted;
margin: 5px;
padding: 12px 0px 6px 20px;
}
div#time {
border-bottom: 1px black dotted;
margin: 5px;
padding: 12px 0px 6px 20px;
}
div#teoback {
border-bottom: 1px black dotted;
margin: 5px;
padding: 12px 0px 6px 20px;
}
div#teoback ul li {
list-style-type: none;
}
div#topology {
border-bottom: 1px black dotted;
text-align: center;
margin: 5px;
padding: 12px 0px 6px 20px;
}
div#topology img {
/*border: 1px ridge #A7CC8F;*/
margin: 5px 0px 0px -20px;
padding: 12px 0px 6px 20px;
}
div#config {
border-bottom: 1px black dotted;
margin: 5px;
padding: 12px 0px 6px 20px;
}
div#test {
border-bottom: 1px black dotted;
margin: 5px;
padding: 12px 0px 6px 20px;
}
div#optional {
border-bottom: 1px black dotted;
margin: 5px;
padding: 12px 0px 6px 20px;
}
div#goal h1{
text-align: left;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #336667;
margin: 0px 0px 0px -20px;
padding: 0px 0px 6px 0px;
}
div#time h1{
text-align: left;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #336667;
margin: 0px 0px 0px -20px;
padding: 0px 0px 6px 0px;
}
div#teoback h1{
text-align: left;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #336667;
margin: 0px 0px 0px -20px;
padding: 0px 0px 6px 0px;
}
div#topology h1{
text-align: left;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #336667;
margin: 0px 0px 0px -20px;
padding: 0px 0px 6px 0px;
}
div#config h1{
text-align: left;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #336667;
margin: 0px 0px 0px -20px;
padding: 0px 0px 6px 0px;
}
div#test h1{
text-align: left;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #336667;
margin: 0px 0px 0px -20px;
padding: 0px 0px 6px 0px;
}
div#optional h1{
text-align: left;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #336667;
margin: 0px 0px 0px -20px;
padding: 0px 0px 6px 0px;
}
/* Struktura uloh END */
div.caption {
text-align: left;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #336667;
margin: 0px 0px 0px -20px;
padding: 0px 0px 6px 0px;
}
/* Code */
div.code {
font-family: "Courier New", Courier, monospace;
/*color: Yellow;*/
background-color: #F1F1F1;
border: 1px dashed;
width: 600px;
padding: 10px 5px 10px 20px;
margin: 5px 0px 5px 20px;
}
div.code span{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-style: italic;
}
div.code div{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px;
}
div.code ul {
list-style-type: none;
margin-left: -20px;
}
div.code ul li {
list-style-type: none;
}
/* Code END */
/* Link */
a:before {
content: "Link:";
}
a {
text-decoration: none;
color: #336667;
}
/* Link END */
