DIVS Help Please

[TGWSE_GY]

Is there any resources on the web that explains the proper way to use divs and how to get them to work the way one would want them to?

 

Thanks

[KevinM1]

  Quote

Is there any resources on the web that explains the proper way to use divs and how to get them to work the way one would want them to?

 

Thanks

 

How do you want them to work?

[TGWSE_GY]

Here is an example, this would be in the center column of the page which I already have set up.

 

 

 

Thanks for the Help!!!!!! 

[TGWSE_GY]

No matter what I do mail and request functions keep on getting put to the right of the friend activity area.

[Malevolence]

I should imagine you're using float, as opposed to fixed or relative positioning *lowers eyebrows*

 

you'd start by mapping out your html so...

 

<div class="boxContainer">

   <div class="usrImgBox"></div>
   <div class="updStatBox"></div>
   <div class="mailReqBox"></div>
   <div class="recPhActBox"></div>
   <div class="frndActBox"></div>

</div>

 

then you'd use CSS (provided you understand what CSS is) to position the boxes:

 

div.usrImgBox
{
width: 150px;
height: 200px;
float: left;
padding: 20px;
}

 

I've gotta go now but If nobody/you does anything between now and say a few hours

 

mess around with floats, make sure they are in a container, right works as well just so ya know, the css

clear: left, clear: right and clear: both

will fix any kind of problem to do with staggering and stuff, work it out, i may help if as i say you can't sort it. bye.

[gamerzfuse]

Can you tell us the more specific application of this?

If you're using it for a profile for myspace, etc then it's slightly different then if you're making a brand new template for something else.

 

Using float: right and float: left you can make them float against each other.

 

ie:

 

float: left and then float: left again would place two divs floating to the left, side by side if you don't put a break between them

 

float: left and then float: right would push each to opposite sides and leave space for whatever inbetween them.

[TGWSE_GY]

This is a profile screen layout, where the member can access most features. just making a brand new Template for a system I am developing as a personal project.

 

Thanks

 

[Hybride]

Is there any code of yours we can take a look at or are you using Malevolence's code examples?

[TheFilmGod]

Why would you use a div for the user image? I would just use a <img /> tag and position it correctly using css. This is the more proficient, but more advanced way of positioning elements on the page!