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 */