Viewing 3 replies - 1 through 3 (of 3 total)
  • There’s really no way to help with something like this without seeing an actual site.

    Thread Starter Sutton74

    (@sutton74)

    <style type="text/css">
        .FStoppAnswers
        {
            display:table;
            width:710;
            background-color:#eee;
            border:1px solid  #666666;
            border-spacing:5px;/*cellspacing:poor IE support for  this*/
           /* border-collapse:separate;*/
        }
    
        .FStoppAnswersRow1
        {
           display: table-row;
        }
    
        .FStoppAnswersRow2
        {
           display: table-row;
           width: 710;
    	   background-color:#ccc;
        }
    
        .LeftBox44
        {
    	display: table-cell;
    	width: 213;
    	float: left;
        }
    
        .RightBox44
        {
    	display: table-cell;
    	width: 490px;
    	left: 213px;
    	overflow-x: auto;
    	position: fixed;
    	padding-right: 10px;
    	padding-left: 10px;
        }
    
        .RowFStop2
        {
            float:left;/*fix for  buggy browsers*/
            display:table-row;
            width:710px;
            background-color:#ccc;
        }
    </style>
    
    <div class="FStoppAnswers">
    	<div class="FStoppAnswersRow1">
    	    <div id="LeftBox44" class="LeftBox44" align="center" style="width=213 px">
    <img class="" alt="" src="images/ImageExample.jpg" width="180" height="180" /><br />
    <span style="font-weight: bold; color: #000000;">Staff Writer | Commercial Photographer</span>
    
    </div>
    <div id="RightBox44" class="RightBox44">
    Commercial photography is the creation of images to help sell a product (usually) or a service (sometimes).
          <p>Commercial photographers are employed to create compelling visual images that speak to the target audience of that product. The images produced and style of production should align very closely to both the overall branding strategy that exists for that product or service and play to the target demographic that the company is going after.</p>
    </div>
    </div>
    <div class="FStoppAnswersRow2">
    <img src="FStopAnswers-WebsiteButton.jpg" width="55" height="30" alt=""/><img src="FStopAnswers-FacebookButton.jpg" width="55" height="30" alt=""/><img src="FStopAnswers-TwitterButton.jpg" width="55" height="30" alt=""/><img src="FStopAnswers-InstagramButton.jpg" width="55" height="30" alt=""/>
    </div>
    </div>

    There is the code. It wouldn’t let me post it before

    I’m trying to create a div table

    instead of creating/using div as table cells can you try to just div only instead of nesting them too much. that would clean up the orientation. Like:

    <div class="content1">
    <div class="left-content">
    
    </div>
    <div class="right-content">
    
    </div>
    </div>
    <div class="more-content">
    
    </div>
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘div tables not working in wordpress.’ is closed to new replies.