| Autor | Zpráva | ||
|---|---|---|---|
| 7777 Profil |
#1 · Zasláno: 2. 1. 2013, 10:30:06
Takže začal som programovať pre jeden starý web nový desing a ako vždy i teraz mám problém v začiatkoch:
V css som nastavil toto: body { margin: 20 20 20 100; background-color:#000000; border-color:#ffffff; width:1024px; height:auto; min-height:800px; border-style: dotted; text-align:center; position:absolute; } #obsah { background-color:#ffffff; color:#000000; width:824px; height:auto; min-height:812px; position:relative; left:auto; float:right; } #menu { background-color:gold; width:200px; height:auto; min-height:800px; height:auto; position:relative; right:auto; float:left; font-size: small; font-family: "Verdana", Helvetica, sans-serif; font-weight: bolder; } h2 {font-weight: normal;} a {text-decoration: none;} a:link { color: #000000;} a:visited { color: #603030;} a:hover { color: #f00000;} a:active { color: #50a000;} Mám ale problém že keď zväčším veľkosť divu #menu tak chcem aby sa veľkosť divu #obsah prispôsobola veľkosti menu. A naopak. |
||
| margin Profil * |
#2 · Zasláno: 2. 1. 2013, 11:41:34
Pokud chceš stejnou výšku sloupců, tak tu pro používané prohlížeče (zatím) nejde jednoduše udělat , ale jde jde navodit takovou iluzi.
http://teststranek.kvalitne.cz/vyska-sloupcu1/ http://qu.wu.cz/webtest/jednoduche-schema-stranky.htm |
||
| 7777 Profil |
Nejako na princip neviem prísť môžeš vysvetliť viac. Pozerám v oboch .css Prekopíroval som obrźok ale nejako mi tio web necentruje ako chcem.
body {
margin: 20px 20px 20px 100px;
background-color:#000000;
border-color:#ffffff;
width:1024px;
height:auto;
min-height:800px;
border-style: dotted;
text-align:center;
position:absolute;
}
#kontajner {
background: #ffc url(gh.jpg);
width:1024px;
height:auto;
margin: auto; /* centrovani standardní prohlížeče */
}
#obsah {
background-color:#ffffff;
color:#000000;
width:824px;
height:auto;
min-height:812px;
position:relative;
left:auto;
float:right;
display: block;
}
#menu {
background-image: url('poz1a.jpg');
background-image: url('poz2a.jpg');
width:200px;
height:auto;
min-height:800px;
height:auto;
position:relative;
right:auto;
float:left;
font-size: small;
font-family: "Verdana", Helvetica, sans-serif;
font-weight: bolder;
display: block;
}
#paticka {
background-color:#dc143c;
position: relative
width:auto;
height:50px;
float:top;
top:auto;
}
h2 {font-weight: normal;}
a {text-decoration: none;}
a:link { color: #000000;}
a:visited { color: #603030;}
a:hover { color: #f00000;}
a:active { color: #50a000;} |
||
|
Časová prodleva: 11 let
|
|||
0