ansaurus

Question

link text sticks out of the div

Answer 1

+1 A:

Use the max-width property for your a links.

Edit: You'll likely need a display: block for your a tag as well.

ghoppe 2010-01-29 22:53:43

the links are inserted into the div with ajax. and the link texts are selected from database.

weng 2010-01-29 22:56:43

This is still a valid answer to solve the problem as far as I can see.

Jamie Dixon 2010-01-29 23:02:48

To avoid confusion let me state I edited my answer after noname clarified his question.

ghoppe 2010-01-29 23:14:13

it doesnt work!..used max-width and display block. the backgroundcolor got chopped not the text inside of it.

weng 2010-01-29 23:26:25

without more information as to the rest of your code and css, i don't know what to say, as my quick experiment works: div {background: #666;width:200px;} a {display: block; max-width: 120px;} Browser bug? What browser are you using?

ghoppe 2010-01-29 23:41:31

my fault. i had nowrap on the links=/

weng 2010-01-30 01:15:17

Answer 2

+1 A:

You have not specified your desired result. Do you want the div to resize to accomodate the entire width of the links? If so, don't put a fixed width on it or any of its ancestor elements. Do you want the overlong links to be cut off? If so, put overflow: hidden in the style of the div.

ithcy 2010-01-29 23:08:36

ansaurus

tags:

views:

answers:

link text sticks out of the div

related questions