Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Problem laika
#1
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
Odpowiedz
#2
Widać kolega o float nie słyszał Smile
Odpowiedz
#3
ale ma tam w kodzie jakieś float... Wink
w css w .column1 brakuje ci określenia float.
Odpowiedz
#4
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
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Porady dla laika Chris 2 2,952 22-10-2012, 13:50
Ostatni post: Radian
  Pytanie laika cooleczka 6 4,889 02-11-2010, 15:46
Ostatni post: cooleczka
  Pytanie laika (CSS) sz4kal 2 2,349 25-01-2010, 15:21
Ostatni post: sz4kal

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl