URGENT HELP: Text wrapping inside DIV tags.

Z

zeyais

Here is my HTML:
<style>
..leftcolumn{float:left;width:300px;border: 1px solid #ccc}
..rtcolumn{float:left;width:600px;border: 1px solid #ccc}
</style>

<body>
<div class="leftcolumn" id="d_links">
multiple <a href="hello.aspx?q=something">something</a><a
href="hello.aspx?q=something1">something1</a><a
href="hello.aspx?q=something2">something2</a><a
href="hello.aspx?q=something3">something3</a><a
href="hello.aspx?q=something4">something4</a><a
href="hello.aspx?q=something5">something5</a>........
</div>
<div id="d_content" class="rtcolumn">
long text here....................................................

</div>
</body>

Issue:
The div with id "d_content" rendered is perfect the problem is with div
with id "d_links". The links(text) inside should wrap within the div
tags width but instead that is generated in one long line expanding the
DIV tag. Irrespective what width I assign to d_links it is rendered in
one line and pushes the d_content to next line in IE, whereas in FF
d_links goes under d_contents.

What is going on here? Any help will be greatly appreciated.

Thanks.

PS: I do not have this in public domain to show what is happening.
 
Z

zeyais

Correction:

<div class="leftcolumn" id="d_links">
multiple <a href="hello.aspx?q=something">something</a>&nbsp;<a
href="hello.aspx?q=something1">something1</a>&nbsp;<a
href="hello.aspx?q=something2">something2</a>&nbsp;<a
href="hello.aspx?q=something3">something3</a>&nbsp;<a
href="hello.aspx?q=something4">something4</a>&nbsp;<a
href="hello.aspx?q=something5">something5</a>........
</div>

And the way I want it to be display is like this:
something something1
something2
something3 ....

depending upon the length of the inner text of anchor number of links
are fitted on one line.
 
T

Toby Inkster

zeyais said:
<a href="hello.aspx?q=something">something</a><a
href="hello.aspx?q=something1">something1</a><a
href="hello.aspx?q=something2">something2</a><a
href="hello.aspx?q=something3">something3</a><a
href="hello.aspx?q=something4">something4</a><a
href="hello.aspx?q=something5">something5</a>

There are no spaces between the links, so there is no place to wrap the
text.
 
J

Jukka K. Korpela

Found the issue.

We found you nonconstructive. You multiposted, and now you wrote "found
the issue" without telling that other groups where you were offered
some help were (at least) comp.infosystems.www.authoring.stylesheets
and comp.infosystems.www.authoring.html. So you were not willing
to help anyone who has a problem similar to yours and reads only this
group. Do you now see why multiposting is bad? Don't do multipost,
mm'kay?

(Summary of the help: Don't create the problem in the first place. Use
separators between links.)
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,769
Messages
2,569,580
Members
45,054
Latest member
TrimKetoBoost

Latest Threads

Top