Sveiki mokausi html/css ir mokydamasis darau svetaine, taciau iskilo viena beda. Susikuriu lentele ir joje noriu pasidaryti prisijungima, taciau tarp vietos irasyti prisijungimo duomenis ir uzrasu virsuje negaliu padaryti tokiu tarpu kokius noriu. Taip pat tu tarpu neina keisti, kad ir kaip bandyciau. Taigi noriu paklausti gal galite pasakyti kokia klaida ir kur padariau rasydamas koda?
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Mano svetainė</title>
<style type="text/css">
body {
padding: 0;
margin: 0;
background-color: #edecec;
}
input [type=text] {
width: 122px;
border: 1px solid #000;
color: #222;
background-color: #fff;
font-size: 11px;
padding: 3px;
margin: 0;
margin-top: 5px;
margin-bottom: 5px;
}
input [type=checkbox] {
margin: 0;
padding: 0;
width: auto;
}
label {
margin: 0;
padding: 0;
width: auto;
}
a:visited {
color:white;
}
.virsus {
background-color: #3B5998;
height: 36px;
width: 100%;
}
.social {
float: left;
margin-left: 1300px;
line-height: 13px;
height: 24px;
margin-right: 20px;
font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
font-style: italic;
font-size: 13px;
color: #edf3f4;
}
.social_nuorodos {
font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
font-style: italic;
font-size: 13px;
color: #edf3f4;
height: 24px;
line-height: 13px;
float: left;
text-decoration: underline;
}
.pagrindinis {
height: 60px;
width: 100%;
font-size: 50px;
line-height: 0px;
text-align: center;
font-weight: bold;
font-family: Verdana;
cursor: pointer;
}
.zemiau {
background-color: #3B5998;
height: 50px;
width: 100%;
text-align: center;
font-size: 30px;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
color: green;
font-family: Verdana;
line-height: 1.5;
}
.zemiau a:hover{
text-decoration: underline;
}
.reklama {
width: 468px;
height: 80px;
position: relative;
left: 1200px;
top: 40px;
z-index: 3;
border: 3px solid black;
text-align: center;
font-weight: italic;
font-family: Verdana;
font-size: 25px;
margin-top: 0;
margin-bottom: 0;
background-color: #EDECEC;
}
.meniu_skirtukas_tuscias {
height: 46px;
width: 36px;
float: left;
}
.meniu_punktas {
height: 46px;
float: left;
}
.championai {
background-color: #edecec;
float: left;
border: 3px solid black;
margin: 10px;
height: 100px;
width: 835px;
}
.pav {
text-align: center;
font-weight: bold;
font-family: 'PT Sans',sans-serif;
color: #446cac;
font-size: 20px;
margin-top: 0;
margin-bottom: 0;
}
.streameriai {
float: left;
background-color: #edecec;
border: 3px solid black;
margin: 10px;
height: 100px;
width: 600px;
}
.musu_partneriu_streamai {
text-align: center;
font-weight: bold;
font-family: 'PT Sans',sans-serif;
color: #446cac;
font-size: 20px;
margin-top: 0;
margin-bottom: 0;
}
.prisijungimas {
float: left;
background-color: #edecec;
height: 200px;
width: 400px;
border: 3px solid black;
margin: 10px;
}
.prisijungimo_dizainas {
text-align: center;
font-weight: bold;
font-family: 'PT Sans',sans-serif;
color: #446cac;
font-size: 20px;
margin-top: 0;
margin-bottom: 0;
}
.desine {
width: 50px;
height: 100px;
line-height: 50px;
margin-left: 10px;
font-size: 12px;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}
.desine a {
font-size: 12px;
color: black;
text-decoration: none;
}
.desine a:hover {
text-decoration: underline;
}
.inline {
display: table-cell;
height: 100px;
vertical-align: middle;
padding-left: 5px;
padding-right: 5px;
}
.button {
background-color: #EDECEC;
font-size: 11px;
cursor: pointer;
margin: 5px 0;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-weight: bold;
}
hr {
height: 0;
margin: 5px;
border-bottom: 1px solid black;
}
a {
margin: 0;
margin-left: 10px;
margin-right: 10px;
text-decoration: none;
color: white;
}
</style>
</head>
<body>
<div class="virsus">
<p class="social">Social feed:</p>
<p class="social_nuorodos"><a href="https://www.facebook.com/">Facebook</a></p>
<p class="social_nuorodos"><a href="https://twitter.com/">Twitter</a></p>
<p class="social_nuorodos"><a href="https://myspace.com/">MySpace</a></p>
</div>
<div class="reklama">
<p></p>
</div>
<div class="pagrindinis">4Gamers.lt</div>
<div class="zemiau">
<a href="#">Pradinis</a>
<a href="#">Naujienos</a>
<a href="#">Forumas</a>
<a href="#">Kontaktai</a>
<a href="#">Apie mus</a>
<a href="#">Registracija</a>
<a href="#">Prisijungimas</a>
<a href="#">Paslaugos</a></div>
<div class="championai">
<p class="pav">Nemokami savaitės čempionai</p>
<hr>
<a href="http://gameinfo.na.leagueoflegends.com/en/game-info/champions/rammus/" class="thumb">
<img src="http://ddragon.leagueoflegends.com/cdn/4.9.1/img/champion/Rammus.png" width="59" height="59" alt="람머스"></a>
<a href="http://gameinfo.na.leagueoflegends.com/en/game-info/champions/rumble/" class="thumb">
<img src="http://ddragon.leagueoflegends.com/cdn/4.9.1/img/champion/Rumble.png" width="59" height="59" alt="럼블"></a>
<a href="http://gameinfo.na.leagueoflegends.com/en/game-info/champions/mordekaiser/" class="thumb">
<img src="http://ddragon.leagueoflegends.com/cdn/4.9.1/img/champion/Mordekaiser.png" width="59" height="59" alt="모데카이저"></a>
<a href="http://gameinfo.na.leagueoflegends.com/en/game-info/champions/soraka/" class="thumb">
<img src="http://ddragon.leagueoflegends.com/cdn/4.9.1/img/champion/Soraka.png" width="59" height="59" alt="소라카"></a>
<a href="http://gameinfo.na.leagueoflegends.com/en/game-info/champions/shen/" class="thumb">
<img src="http://ddragon.leagueoflegends.com/cdn/4.9.1/img/champion/Shen.png" width="59" height="59" alt="쉔"></a>
<a href="http://gameinfo.na.leagueoflegends.com/en/game-info/champions/udyr/" class="thumb">
<img src="http://ddragon.leagueoflegends.com/cdn/4.9.1/img/champion/Udyr.png" width="59" height="59" alt="우디르"></a>
<a href="http://gameinfo.na.leagueoflegends.com/en/game-info/champions/janna/" class="thumb">
<img src="http://ddragon.leagueoflegends.com/cdn/4.9.1/img/champion/Janna.png" width="59" height="59" alt="잔나"></a>
<a href="http://gameinfo.na.leagueoflegends.com/en/game-info/champions/jinx/" class="thumb">
<img src="http://ddragon.leagueoflegends.com/cdn/4.9.1/img/champion/Jinx.png" width="59" height="59" alt="징크스"></a>.
<a href="http://gameinfo.na.leagueoflegends.com/en/game-info/champions/quinn/" class="thumb">
<img src="http://ddragon.leagueoflegends.com/cdn/4.9.1/img/champion/Quinn.png" width="59" height="59" alt="퀸"></a>
<a href="http://gameinfo.na.leagueoflegends.com/en/game-info/champions/talon/" class="thumb">
<img src="http://ddragon.leagueoflegends.com/cdn/4.9.1/img/champion/Talon.png" width="59" height="59" alt="탈론"></a>
</div>
<div class="streameriai">
<p class="musu_partneriu_streamai">Mūsų partnerių streamai</p>
<hr>
</div>
<div class="prisijungimas">
<p class="prisijungimo_dizainas">Prisijungimas</p>
<hr>
<div class="desine">
<div class="inline">
<span>El.Paštas<br>
<input type="text"/><br>
<input type="checkbox" id="elpastas" /><label for"elpastas">Įsiminti mane</label>
</div>
<div class="inline">
Slaptažodis<br>
<input type="text"/><br>
<a href="#"> Pamiršote slaptažodį? </a>
</div>
<div class="inline">
<span></span>
<input class="button" type="button" value="Prisijungti">
</div>
</div>
</div>
</body>
</html>
Buciau labai dekingas.
