| Autor | Zpráva | ||
|---|---|---|---|
| doby92 Profil * |
#1 · Zasláno: 25. 5. 2010, 08:24:42
Dobrý den
Mám menší problém s float: left; Chci rozdelit web na levou a pravou stranu... leva strana: 500px; ------- prava strana: 350px; jakmile jsem dal do
#left_content{
float: left;
}
A do
#right_content{
float: left;
}
zmizelo mi pozadí objectu #main.... zde zdroj kod HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com">; <link rel="stylesheet" type="text/css" href="index.css"> <title>Vítáme vás na stránkách - Hoškovice</title> </head> <body> <center> <div id="content"> <div id="top"> <div class="logo"><img src="img/logo.png"></div> <div id="map"> <span class="map"><a href="#">mapa stránek</a></span> </div> </div> <div id="menu"> <?php require "menu.php"; // načítání menu.php ?> </div> <div id="main_container"> <div id="main_top"></div> <div id="main"> <div id="main_content"> <div id="left_content"> left </div> <div id="right_content"> righ </div> </div> </div> </div> </div> </center> </body> </html> CSS img{
border: none;
float: left;
}
body {
background-color:;
font-family:Arial;
font-size:12px;
color: black;
}
p {
color:black;
font-family:tahoma;
font-size:12px;
}
* {
border:0 none ;
list-style-type:none;
margin:0;
padding:0;
}
input{
border: 1px solid black;
}
h1{
font-size: 15px;
color: #71ca36;
}
/*-------------------------------------*/
/* HOŠKOVICE */
/*-------------------------------------*/
#content{
width: 860px;
}
#content{
text-align: left;
vertical-align:top;
}
#top{
width: 860px;
height: 58px;
}
#map a{
background-image:url("img/bg_map.png");
width: 100px;
height: 40px;
text-align:center;
float: right;
margin: 0;
}
.map a{
line-height: 35px;
text-decoration: none;
color: #333333;
}
.map a:hover{
color:white;
}
#menu{
text-align: left;
width: 860px;
height: 30px;
}
#menu ul,#menu li,#menu a{
font-size: 12px;
color: #333333;
margin: 5px;
float:left;
position: relative;
left: -3px;
font-weight: bold;
text-decoration: none;
}
#menu a:hover{
color: #3f9e00;
}
#menu .active{
color: #3f9e00;
text-decoration: none;
font-weight: bold;
}
div#menu ul{
list-style-type:none;
}
div#main_container{
margin: 10px 0 0 0;
float: none;
}
div#main_top{
background-image: url(img/top_content.png);
width: 860px;
height: 32px;
}
div#main{
background-image: url(img/bg_content.png);
width: 860px;
text-align: left;
}
div#main_content{
margin: 0 0 0 5px;
width: 850px;
text-align: left;
}
div#left_content{
width: 500px;
}
div#right_content{
width: 350px;
}
div#left_content, div#right_content{
float: left;
margin: 0;
padding: 0;
}Předem děkuji za radu... |
||
| doby92 Profil * |
#2 · Zasláno: 25. 5. 2010, 08:26:36
Zde je Odkaz .... v exploreru by to melo byt vph ale v mozzile, google chrom a snad i opera to nepobiraji
|
||
| panther Profil |
#3 · Zasláno: 25. 5. 2010, 09:19:54
doby92:
plavání musíš ukončit. |
||
| pavuk Profil |
#4 · Zasláno: 25. 5. 2010, 09:35:51
doby92:
„#main..“ je prázdnej, a protože není ukončený plavání (viz.[#3]) tak se nemá co zobrazovat |
||
| doby92 Profil * |
#5 · Zasláno: 25. 5. 2010, 12:03:08
kam přesně mám zadat tu hodnotu clear: both; ???
|
||
| doby92 Profil * |
#6 · Zasláno: 25. 5. 2010, 12:16:59
Dobrý už jsem to vyřešil ukončil jsem to pomocí tohodle <div style="clear: both;"></div> =)) snad to je to co jste mysleli ....a dík moc za radu =))
|
||
|
Časová prodleva: 14 let
|
|||
0