Log in

View Full Version : Aligning DIVs horizontal frustration


chas
05-26-2009, 02:23 AM
Someone please unlock the secret for me LOL

http://img29.imageshack.us/img29/3830/26052009121548pm.png

live site
http://yakkityyak.x24hr.com/



<div>

<div style='display:inline'></div>
<div style='display:inline'></div>
<div style='display:inline'></div>

</div>


why wont it work??

i tried to float them as well !!
bluewalrus
05-26-2009, 03:28 AM
Should be " and ended with semi colon like so...


<div style="display:inline;"></div>



That still may not work did you try...


<div style="float:left;"></div>
xereu
05-26-2009, 09:12 PM
Try this.

div
{
width:300px;
margin:2px auto;
}

in an external css file or in the <head></head> at the beginning of the html document.
chas
05-27-2009, 05:30 PM
Should be " and ended with semi colon like so...


<div style="display:inline;"></div>



That still may not work did you try...


<div style="float:left;"></div>


hmm, are you sure you need a ";" as a trailing end? seems to be used as a divider.


Also does pure html require strict use of double quotations?

ie. " " " instead of single " ' "

i didnt think so?
chas
05-27-2009, 05:31 PM
Try this.

div
{
width:300px;
margin:2px auto;
}

in an external css file or in the <head></head> at the beginning of the html document.

so it has to be external and not inline declarations?
bluewalrus
05-27-2009, 11:14 PM
; trailing a command is correct if there are commands after them without them they will be ignored and that command may be as well. I'm not sure about the " or ' but i always use double because that's what i started with and don't see a reason to use the single. Inline is the same as in the head or external external is called as is the head. Your problem maybe that you have an element within the div that has their own line break associated with it.