Wrap content in a <tr> tag to a new line

[earthrat]

I cant figure out how to wrap the content to a new row when it exceeds the width of the page?

Here is a link to what I have so far and the first question in this survey has more color swatches than is visible. I need these color chips to move to a new line so that they are all visible.

http://www.colormatters.com/component/surveys/1-color-survey/2/editsurvey?Itemid=794

Here is what I have:

$return .= '<table class="table_question">';
        $return .=       '<tr>';
        $return .=            '<td class="'.$question_class.'">';
        $return .=           $question_details["0"]["title"];
        if($question_details["0"]["required"] == "1"){
            $return .= '<span class="question_required"> *</span>';
            $javascript = ' onchange="setentertext(form.q'.$question_id.', this)" ';
            $validation = $this->createValidation($question_id, $question_details["0"]["title"]);                    
        }
        $return .=            '</td>';
        $return .=       '</tr>';

[Frinavale]

Create a row with one table data "<td>" element for where you want the wrapping to occur.

Your items should wrap.

-Frinny

[drhowarddrfine]

I'd bet he wants it to wrap as the browser is resized and that's not going to happen. Reason #9736 why you should never use tables for layout.

[johny10151981]

you should also take a look at css property overflow

[omerbutt]

hi ,
you can use jquery to get the body / screen width on run time

var dimX    =    $(document.body).width();
var dimY    =    $(document.body).height();
 

and assign that width to the table or td to go on with the
screen resolution , i dont think it is impossible to do drhowarddrfine that you go bet on it ;)
regards,
Omer Aslam