🔒 Closed Help naman po about sa float css

[MisterVoxel]

hindi ko po maitaas ung sign up kahit anung gawin kong tricks ng Float right ayaw po talaga ginamitan ko na po ng Clear overflow ayaw padin po talaga sa mga malulupit nadin programmer dyan paturo naman ako ng float para po maipantay at maitaas ko na po ung Sign up bottom thanks in advance po

 

[Mrkmrk]

Sumobra lang sa width yan boss. try mo babaan width ng ibang elements na naka float din.

 

[jokerger25]

pakita ng css at html mo

 

[MisterVoxel]

pakita ng css at html mo

ito yung sa CSS:
.fright{
float: right;
clear: both;
overflow: hidden;
}

then ito naman ung sa HTML:
<div class="rp1"> <form method="get" action="login_site.xhtml" > <small> <input type="hidden" name="do_id" value="UserID" /> Login:<input type="text" name="wu_login"/> Password:<input type="password" name="wu_heslo" value="******"/> <input type="checkbox" name="wu_autologin" value="1" /> Remember <input type="submit" name="log_submit" value="Log in" /> </small> <div class="fright"><img src="You do not have permission to view the full content of this post. Log in or register now." height="30" width="100"></img></div> </form> </div>
You do not have permission to view the full content of this post. Log in or register now.: <img src="You do not have permission to view the full content of this post. Log in or register now." width="100%" height="200"></img>


yan tol

 

[jokerger25]

Wag ka muna mag clear e separate mo yan sa ibang class...di gagana yang float mo...para kadin di naglagay ng float pag ganyan coding mo

 

[keysl183]

Nope, gagana parin yan unless mauna yung clear:both nya kesa float. Width adjustments lang yan.
Sumosobra lang yung width ng elements nya kesa dun sa container div nya.

Triny ko ireplicate, not sure kung same, kulang kasi yung binigay mong css. keep in mind na pwede yung problema is nasa taas. Pero tingin ko width adjustments lang uubra na,

 

[jokerger25]

Siinubukan mo na?ano ang resulta...tol keysl183 iba kasi sabi sa description pag naglagay ka ng float You do not have permission to view the full content of this post. Log in or register now.

 

[keysl183]

jokerger25 , Width adjustments lang yung tingin kong problema ni Papyrous. Typically ganyan din yung style ko , hinihiwalay ko sa ibang class yugn clear, for example
<div>
<div></div> <!--float left-->
<div></div> <!--float right-->
<div></div> <!--clear-->
</div>
Pero may instances na may makikita kang front end designer na ayaw ng ganyang way, kaya ginagawa nila yugn ganito
.fright{
float: right;
clear: both;
overflow: hidden;
}
as long as nauna yung float bago yung clear.
May mga maarteng client/uidesigner na ayaw ng excess div just for the sake of clear, Kind of preference lang. IMHO

 

[MisterVoxel]

jokerger25 , Width adjustments lang yung tingin kong problema ni Papyrous. Typically ganyan din yung style ko , hinihiwalay ko sa ibang class yugn clear, for example
<div>
<div></div> <!--float left-->
<div></div> <!--float right-->
<div></div> <!--clear-->
</div>
Pero may instances na may makikita kang front end designer na ayaw ng ganyang way, kaya ginagawa nila yugn ganito
.fright{
float: right;
clear: both;
overflow: hidden;
}
as long as nauna yung float bago yung clear.
May mga maarteng client/uidesigner na ayaw ng excess div just for the sake of clear, Kind of preference lang. IMHO

ahh sige sige maraming salamat po sa pag sagot hehe thanks you again

 

[jokerger25]

Papyrous e upload mo nga ang file mo dito yung html/php mo at css para malaman ang problema...para may solution na klaro

Wag kang mag alala yan talaga ang magyayari pag ang sumagot sa mga query mo ay may experience...magkaiba ng application...

 

[codyscott]

Gumamit ka ng pseudo element pag gusto mo mag clear ng mga floats.
Heto mas malinis at mas madali.

****kung ito yung elements mo*****
<section>
<div></div> <--floated
<div></div> <--floated
<div></div> <--floated
</section>

***idagdag mo lang ito sa css mo*****
section::after{ content:' '; display: block; clear: both }

 

[MisterVoxel]

Gumamit ka ng pseudo element pag gusto mo mag clear ng mga floats.
Heto mas malinis at mas madali.

****kung ito yung elements mo*****
<section>
<div></div> <--floated
<div></div> <--floated
<div></div> <--floated
</section>

***idagdag mo lang ito sa css mo*****
section::after{ content:' '; display: block; clear: both }

ayun thank you po hehehhee

 

[Ace_26]

Nabasa ko lang medyo nag eexplore sa css ^^ ok lang share? La ko naipopost ey