I need some quick HTML help

Stefan · May 1, 2006

Hey guys. I have a simple problem with displaying DIVS. This is my problem; I would like the two divs to be displayed together on one line without using tables (cause tables suck). Here is some example code:

Code:

<div>pwnz0rz!</div><div>pwnz0rzdoublaview!</div>

And this displays it like this:

Code:

pwnz0rz!
pwnz0rzdoublaview!

And I want it to display like this:

Code:

pwnz0rz! pwnz0rzdoublaview!

Does anyone know how I can solve this annoying, but probaly simple problem of mine?

+REP plus 1NP$ to whoever helps me. :hehe:

EDIT: Okay I found a way that works for this using CSS, but I'd like to know if there are any other ways of doing this. Here is what I came up with. I made a class called PWNAGE and it was like this:

Code:

.pwnage{ 
display: inline; 
}

So yeah that seems to work. Any other suggestions?

Dan · May 1, 2006

There's another CSS way to do it..

Code:

div {
 float: left;
}

Stefan · May 1, 2006

Then would the div that I want to be displayed on the right side be

Code:

float: right;

?

Dan · May 1, 2006

It could be, but it would be as right as possible. (?)

If you had another div around both with a set width, it would go all the way to the right. If they were just in the body, it would be all the way to the right of the page.

Making it float: left; puts it to the left like how you said you wanted it displayed.

The thing about display: inline; is that when you do that you can't set a width or other things that display: block; (which DIV's are) items can.

cvxdes · May 1, 2006

HTML:

<div style='width: 20px;'>
<div>Hai2u</div>
<div style='flat: right;'>Blah</div>
</div>

Palyriot · May 1, 2006

in <head></head>:

HTML:

<style type="text/css">
.div1 { display: inline; }
.div2 { dispay: inline; }
</style>

in <body></body>:

HTML:

<div class="div1">pwnz0rz!</div>
<div class="div2">pwnz0rzdoublaview!</div>

should work...

Xyzer · May 1, 2006

Palyriot said:
in <head></head>:

HTML:

<style type="text/css"> .div1 { display: inline; } .div2 { dispay: inline; } </style>

in <body></body>:

HTML:

<div class="div1">pwnz0rz!</div> <div class="div2">pwnz0rzdoublaview!</div>

should work...

Thats what i was going to say, i have had this problem before, its nothing big and bad!

yeppers · May 1, 2006

Why not just use one div?

Code:

<div>pwnz0rz! pwnz0rzdoublaview!</div>

JYM · May 1, 2006

Yeah I agree, just stick it all in one div and there should be no problems. However, if you must then use inline.

Noobie · May 1, 2006

I love tables

Palyriot · May 1, 2006

For Noobie:

Tables are crap

For Billy:

I'm sure that text was just an example and he really wanted two boxes or something and in that case, you would want two boxes.

Dan · May 2, 2006

You probably need to use floats for 2 boxes.

I don't think inline would turn out to pretty if you use it for columns or boxes.

I need some quick HTML help

Account Closed

Buy my domains.VIP Member

Account Closed

Buy my domains.VIP Member

Established Member

Established Member

VIP Member

VIP Member

Established Member

Established Member

Established Member

Buy my domains.VIP Member

LaPerla.net

IdentiSpace.com

BAKEi.com

JerseySpas.com

Stub.Club

predictiveagi.com

SpainVertiports.com

daxev.com

TokenizedDA.com

mWebsite.com

Similar threads

We're social

LaPerla.net

IdentiSpace.com

BAKEi.com

JerseySpas.com

Stub.Club

predictiveagi.com

SpainVertiports.com

daxev.com

TokenizedDA.com

mWebsite.com

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling