+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Problem laika (/thread-problem-laika)
Problem laika - Ombrinho - 23-06-2011
Witam webmasterów
Mam taki problem otóż od pewnego czasu tworzę stronę internetową w css i mam taki problem
http://dwnshare.pl/img/960c47d0f5/58171/Strona-problem.jpg
Otóż chciałbym żeby mapa google znalazła się na tym samym poziomie co formularz kontaktowy
To jest styl.css:
#main{
background-image:url(images/background.jpg);
width: 1172px;
height: 650px;
padding:50px 90px 50px 0px;
border-bottom:1px solid #fff;
}
.body {
font: 100% normal Arial, Helvetica, sans-serif;
background: #229fcd;
}
form, input, select, textarea {
margin:0;
padding:0;
color:#229fcd;
}
.box {
margin:5px 10px auto;
width:500px;
background:#0088ba;
position:relative;
top:50px;
border:1px solid #262626;
}
.box h1{
color:#ffffff;
font-size:18px;
text-transform:uppercase;
padding:5px 0 5px 5px;
border-bottom:1px solid #161712;
border-top:1px solid #161712;
}
.box label{
width:100%;
display: block;
background:#229fcd;
border-top:1px solid #262626;
border-bottom:1px solid #161712;
padding:10px 0 10px 0;
}
.box label span{
display: block;
color:#ffffff;
font-size:12px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}
.box .wpis{
padding:10px 10px;
width:200px;
background:#ffffff;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
}
.box .wiadomosc{
padding:7px 7px;
width:350px;
background:#ffffff;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
overflow:hidden;
height:150px;
}
.box .button{
margin:0 0 10px 0;
padding:4px 7px;
background:#CC0000;
border:0px;
position: relative;
top:10px;
left:382px;
width:100px;
border-bottom: 1px double #660000;
border-top: 1px double #660000;
border-left:1px double #FF0033;
border-right:1px double #FF0033;
}
.column1{
margin:5px 550px auto;
font-family:Tahoma;
font-size:11px;
color:#64584C;
line-height:17px;
}
.block{
width:250px;
height:165px;
float: right;
}
.news_block{
padding:0px 0px 250px 200px;
width:200px;
height:165px;
float: right;
margin-left:350px;
}
.block2 {
width:200px;
height:165px;
float: left;
padding:100px 0px 50px 100px;
}
.text{
font-size:14px;
color:#1a1a18;
line-height:20px;
padding:5px 0 2px 0
}
.text1{
font-size:18px;
font-family:Tahoma, Helvetica, sans-serif;
text-transform: uppercase;
color:#1a1a18;
line-height:20px;
padding:22px 0 8px 0
A TUTAJ KOD:
<div id="main">
<form>
<div class="box">
<h1>Formularz kontaktowy :</h1>
<label>
<span>Nazwa uzytkownika</span>
<input type="text" class="wpis" name="nazwa" id="nazwa"/>
</label>
<label>
<span>E-mail :</span>
<input type="text" class="wpis" name="email" id="email"/>
</label>
<label>
<span>Wiadomosc :</span>
<textarea class="wiadomosc" name="wiadomosc" id="tresc"></textarea>
<input type="button" class="button" value="Wyslj" />
</label>
</div>
</form>
</div>
<div class="column1">
TU JEST KOD HTML OD GOOGLE TROCHE DŁUGI DLATEGO NIE WKLEJAŁEM
</div>
PS: Jestem laikiem ponieważ stronę robię z pilnej potrzeby, nie czytałem nigdy fachowej literatury tylko tworzę stronę przerabiając inny szablon metodą prób i błedów
Z góry dziekuje za pomoc
RE: Problem laika - Kartofelek - 23-06-2011
Widać kolega o float nie słyszał
RE: Problem laika - Nicorrtiss - 23-06-2011
ale ma tam w kodzie jakieś float...
w css w .column1 brakuje ci określenia float.
RE: Problem laika - Ombrinho - 23-06-2011
Wpisałem i to nic nie dało było po prawej ale i tak nadal niżej po prostu podpiąłem tą mape pod klase co formularz i gra