Inputok viszonylagos középre helyezése css segítségével? (kérdés hosszú, magyarázat rövid)
Sziasztok!
Itthon fejlesztek egy oldalt, és hát segítségre szorulnék! :D
Lényege: van két div.
Az egyik neve: container
a másik neve: reg_box
Nos:
A reg_box diven belül megírtam egy html kódot ami tulajdonképpen egy regisztrációs form.
Az oké, hogy megírtam de próbálkoztam már a CSS-ben(mivel azzal próbálgatom szépítgetni) marginnal,paddinggel és nem nagyon akar összejönni az, hogy az inputokat középre helyezzem?!
Printscreen a mostani állapotról: [link]
Tudom nem a legszebb szín választás, de ez csak egy próba..
Nos azt kéne, hogy az inputok és a gomb is középen legyen, illetve azért a border(div körvonala)nél egy kis eltartás legyen felül. Remélem értitek és tudtok segíteni! :D
Köszönöm! :D
Hátha ez még segít:
HTML kód:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
" [link]
<html>
<head>
<title>Regisztráció</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="author" value="xxxBaluxxx"/>
<meta name="copyright" value="2013-Balu"/>
<meta name="keywords" value="register,regisztracio,html,php,css,tutorial,youtube,Balu,xxxMrBaluxxx"/>
<link rel="stylesheet" href="reg_style.css"/>
</head>
<body>
<div id="container">
<h1>Regisztráció</h1>
<div class="reg_box">
Felhasználónév: <input type="text" id="fhsz" name="username"><br>
Jelszó: <input type="password" id="password1" name="password1"><br>
Jelszó újra: <input type="password" id="password2" name="password2"><br>
Email: <input type="text" name="email1"><br>
Email újra: <input type="text" name="email2"><br>
<input type="submit" value="Regisztrálok >>"><br>
</div>
<div class="clear">
</div>
</div>
</body>
</html>
CSS kód:
body {
background-image: url('background.jpg');
}
div#container h1{
color: white;
background: #FF0000;
text-align: center;
font-size: 15px;
font-family: Arial,Verdana,Sans-Serif;
border: 1px solid #fff;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
margin-bottom: 50px;
width: 300px;
}
div.reg_box {
color: white;
position: absolute;
width: 400px;
height: 300px;
left: 50%;
top: 50%;
margin-left: -200px;
margin-top: -150px;
border: 1px solid #fff;
background-color: #FAAC58;
}
div.reg_box input{
}
válasza: válasza:igazad van! :)
köszönöm szépen! :)
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!