Am facut login dar nu stiu cum sa aranjez in partea cealalta...
CSS box display
Moderatori: Moderatori, Start Moderator
CSS box display
Daca am mai multe boxuri de diferite dimensiuni/culori etc cum fac ca pe index sa le pun in partea dreapta ? sa le asez cum vreau eu ? de ex intr-un box (stanga) sa fie butoanele de login apoi pe partea dreapta ceva "notite" ?
Am facut login dar nu stiu cum sa aranjez in partea cealalta...
Am facut login dar nu stiu cum sa aranjez in partea cealalta...
sa spunem ca ai input-urile de login intr-un div si notice intr-un alt div
la primul ii pui float:left in css, la al doilea float:right; tot in css.
d
la primul ii pui float:left in css, la al doilea float:right; tot in css.
d
Ultima oară modificat Vin Aug 17, 2012 1:06 pm de către hadyh, modificat de 2 ori în total.
Cod: Selectaţi tot
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style>
.main { margin: 0 auto; width: 980px; }
.clear { clear:both; }
#content .col-1 { float:left;width:675px;margin-right:10px; }
#content .col-2 { float:left;width:280px; }
...
</style>
</head>
<body>
<div class="main">
<div id="header">
<!-- meniu -->
</div>
<div id="content">
<div class="col-1">
<!-- stanga -->
</div>
<div class="col-2">
<!-- dreapta -->
</div>
<div class="clear"></div>
</div>
<div id="footer">
<!-- subsol -->
</div>
</div>
</body>
</html>
Apropo, ai gresit sectunea.
Dev @ oblio.eu
hadyh scrie:sa spunem ca ai input-urile de login intr-un div si notice intr-un alt div
la primul ii pui float:left in css, la al doilea float:right; tot in css.
d
dap am reusit, dar imi lasa spatiu gol desupra ... nu sunt pe aceeasi linie
(daca au dimensiuni diferite, sa fie si pe aceasi linie de sus pana jos... 
)MihaiC scrie:Cod: Selectaţi tot
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style>
.main { margin: 0 auto; width: 980px; }
.clear { clear:both; }
#content .col-1 { float:left;width:675px;margin-right:10px; }
#content .col-2 { float:left;width:280px; }
...
</style>
</head>
<body>
<div class="main">
<div id="header">
<!-- meniu -->
</div>
<div id="content">
<div class="col-1">
<!-- stanga -->
</div>
<div class="col-2">
<!-- dreapta -->
</div>
<div class="clear"></div>
</div>
<div id="footer">
<!-- subsol -->
</div>
</div>
</body>
</html>
Apropo, ai gresit sectunea.
prin codul asta ar trebui sa imi schimb eu tot codul si nu imi e la indemana cum arata... scz pt faza cu sectiunea
hadyh scrie:daca le stii dimensiunile apai pune la ambele vertical-align:top;
si padding-top:Xpx si le aliniezi
nu merge....
Cod: Selectaţi tot
#box1 {
margin: 20px;
float: left;
margin-bottom: 10px;
margin-right:1188px;
padding: 10px;
background: #00E8E8;
border-radius: 30px 30px 30px 30px;
box-shadow: 6px 5px 5px 3px rgba(0,0,0,0.1);
}
#cap {
margin-bottom: 20px;
margin-right:0px;
padding: 5px;
background: #038A07;
border-radius: 0px 0px 200px 0px;
box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.1);
}
#notite {
float: right;
margin-bottom: 10px;
padding: 100px;
background: #00E8E8;
border-radius: 30px 30px 30px 30px;
box-shadow: 6px 5px 5px 3px rgba(0,0,0,0.1);
}
Cine este conectat
Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 53 vizitatori