Autor Zpráva
Romanticka
Profil *
#1 · Zasláno: 30. 1. 2005, 01:51:18
Odpovědět Citovat
http://www.romanticka.wz.cz/1/soubory/layer.htm

<BODY>
<div id="uvod"></div>
<div id="stranka">
<div id="menu_zal"></div>
<div id="menu_okraj">
<div id="menu">
<a href="">:: Úvod</a>
<a href="">:: Nabídka</a>
<a href="">:: Reference</a>
<a href="">:: Ceník</a>
<a href="">:: Kontakt</a>
</div>
</div>
<div id="reference">
<p>ghgfhf</p>
<p>hg</p>
<p>gfh</p>
<p>fghg</p>
<p>fh</p>
<p>fh</p>
<p>h</p>
</div>
<div id="obsah">
<p>ghbnvcbn</p>
<p>cbn</p>
<p>c</p>
<p>bn</p>
<p>cbn</p>
<p>c</p>
<p>n</p>
<p>vn</p>
<p>n</p>
<p>cncnc</p>
<p>n</p></div>
</div>
</BODY>
</HTML>



body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 78%;
font-style: normal;
line-height: 1.5ex;
font-weight: normal;
color: #000000;
background-color: #F8AA65;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
}
#stranka {
width: 824px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
height: 100%;
}
#uvod {
height: 196px;
width: 824px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
background-color: #FFCC00;
background-image: url(obrazy/uvod_02.gif);
background-repeat: no-repeat;
}
#menu_okraj {
width: 577px;
background-image: url(obrazy/menus_04.gif);
background-color: #F8AA65;
background-repeat: no-repeat;
height: 42px;
margin-left: 0px;
margin-top: 0px;
float: right;
margin-bottom: 0px;
}
#reference {
width: 247px;
margin-top: 0px;
background-color: #FFCC00;
background-image: url(obrazy/ost_06.gif);
background-repeat: repeat-y;
float: left;
text-align: left;
text-indent: 3.5em;
margin-right: 0px;
margin-left: 0px;
clear: both;
}
#obsah {
width: 577px;
margin-left: 247px;
background-color: #FFCC00;
background-image: url(obrazy/ost_07.gif);
background-repeat: repeat-y;
margin-bottom: 0px;
margin-top: 0px;
float: right;
margin-right: 0px;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em;
color: #000000;
text-align: left;
}
.h4 {
font-weight: bold;
text-align: left;
}
.h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
}
.h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #993300;
text-align: center;
}
legend {
margin-left: 160px;
text-align: center;
padding-right: 10px;
padding-left: 10px;
}
.mail {
border: 1px dashed #000000;
text-align: center;
margin: 10px auto 50px;
padding-top: 10px;
padding-bottom: 10px;
height: auto;
width: 200px;
padding-right: 80px;
padding-left: 80px;
}
input {
background-color: #FFEAC1;
border: 1px solid #000000;
font-weight: normal;
}
textarea {
background-color: #FFEAC1;
border: 1px solid #000000;
}
#menu_zal {
height: 42px;
width: 247px;
background-color: #FFCC00;
background-image: url(obrazy/tvdesign2_09.gif);
background-repeat: no-repeat;
float: left;
margin-top: 0px;
margin-right: 0px;
clear: both;
}



Jak mam ty dva boxy dostat vedle sebe? Jsou to ty dva co v nich je napsany ty pismenka.
Kráťa
Profil
#2 · Zasláno: 30. 1. 2005, 02:22:52
Odpovědět Citovat
Co zkusit

float: right

?
Romanticka
Profil *
#3 · Zasláno: 30. 1. 2005, 10:33:25
Odpovědět Citovat
Nejde
Fred
Profil
#4 · Zasláno: 30. 1. 2005, 10:45:10
Odpovědět Citovat
#reference {
width: 247px;
background: url(obrazy/ost_06.gif) #fc0 repeat-y;
float:left;
text-align: left;
text-indent: 3.5em;
margin: 0;
}
#obsah {
width: 577px;
margin:0 0 0 247px;
background: url(obrazy/ost_07.gif) #fc0 repeat-y;
}
Romanticka
Profil *
#5 · Zasláno: 30. 1. 2005, 10:59:57
Odpovědět Citovat
A co takhle?

htm:
http://www.romanticka.wz.cz/1/soubory/layer.htm

.css:
http://www.romanticka.wz.cz/1/styl1.css

Mohlo by to tak byt?
Fred
Profil
#6 · Zasláno: 30. 1. 2005, 11:33:57
Odpovědět Citovat
Jasně, jinak doporučuji ke čtení tohle http://tvorbawww.einstein.cz/css/ kvůli zkráceným zápisům v css, zdá se mi to tam nejlíp popsaný
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0