Box not displaying correctly

[shawrie]

Hello everyone

Can someone help me please. I have a table
<div class="right_bo x">
<table class="right_bo x" cellspacing="0" cellpadding="0" border="0"
width="100%">
<tr>
<td valign="center" ><img src="./images/welcome.jpg"></td>
<td valign="top">
<BR>Living in an age where environmental issues are becoming<br>
more prevalent, we are all becoming aware of our impact<br>
on the environment.Ren ewable energy & conservation is<br>
one of the keys to a sustainable future.millions of people <br>
like us hold the key Conserving water and reducing your energy <br>
consumption can result in amazing energy savings that will save<br>
you money and that are good for your future and the long term <br>
future of your children and theirs. Hayward renewable energy <br>
systems provide solutions for the home, we can supply and <br>
install systems to suit your individual homes needs.Both<br>
solar water heating and rainwater harvesting systems have been<br>
widely welcomed by planning and building control officers.
<br>
</td>
</tr>
</table>
</div>


Using the following stylesheet code

div.right_box {
clear:both;
width:67.5%;
height:100%;
left:232px;
top:157px;
position:absolu te;
background-color: #72ABF8;
padding: 0.2em 0em 0.2em 0.9em;
border-right: 0.18em solid #4284B5;
border-bottom: 0.16em solid #4284B5;
color:white;
font-size : 0.8em;
}


but when it displays the box is to small the box and cuts some of the
text off and the image.

thanks

[shawrie]

Re: Box not displaying correctly

Please ignore the class="right_bo x" in the table tag i have now taken
it out

On 18 May, 09:46, shawrie <neil.s...@sand erson.comwrote:

Hello everyone
>
Can someone help me please. I have a table
<div class="right_bo x">
<table class="right_bo x" cellspacing="0" cellpadding="0" border="0"
width="100%">
<tr>
<td valign="center" ><img src="./images/welcome.jpg"></td>
<td valign="top">
<BR>Living in an age where environmental issues are becoming<br>
more prevalent, we are all becoming aware of our impact<br>
on the environment.Ren ewable energy & conservation is<br>
one of the keys to a sustainable future.millions of people <br>
like us hold the key Conserving water and reducing your energy <br>
consumption can result in amazing energy savings that will save<br>
you money and that are good for your future and the long term <br>
future of your children and theirs. Hayward renewable energy <br>
systems provide solutions for the home, we can supply and <br>
install systems to suit your individual homes needs.Both<br>
solar water heating and rainwater harvesting systems have been<br>
widely welcomed by planning and building control officers.
<br>
</td>
</tr>
</table>
</div>
>
Using the following stylesheet code
>
div.right_box {
clear:both;
width:67.5%;
height:100%;
left:232px;
top:157px;
position:absolu te;
background-color: #72ABF8;
padding: 0.2em 0em 0.2em 0.9em;
border-right: 0.18em solid #4284B5;
border-bottom: 0.16em solid #4284B5;
color:white;
font-size : 0.8em;
>
}
>
but when it displays the box is to small the box and cuts some of the
text off and the image.
>
thanks

[John Hosking]

Re: Box not displaying correctly

shawrie wrote:

Hello everyone
>
Can someone help me please. I have a table

Hello, shawrie. A URL would be preferred to incomplete but nonetheless
large chunks of code. Then we could see your doctype declaration, the
rest of your CSS, and the context of your code "snippet". We could also
easily try out your code in our browsers.

<div class="right_bo x">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td valign="center" ><img src="./images/welcome.jpg"></td>
<td valign="top">
<BR>Living in an age where environmental issues are becoming<br>
more prevalent, we are all becoming aware of our impact<br>
on the environment.Ren ewable energy & conservation is<br...

Well, I can tell you right away that you'll have trouble with the
results you get here. You're putting in hard line-breaks at specific
places. The table is liable to break the lines at other places,
depending on things like the user's set font size, and then you've got
that div containing the table...

Using the following stylesheet code
>
div.right_box {
clear:both;
width:67.5%; [rest snipped...]

67.5% of what? What's the context block of your div? Provide a URL.

>
but when it displays the box is to small the box and cuts some of the
text off and the image.

I believe it.

--
John

[Andy Dingley]

Re: Box not displaying correctly

On 18 May 2007 01:46:20 -0700, shawrie <neil.shaw@sand erson.comwrote:

>Can someone help me please.

Post a URL.

Lose the <br>s

Just let the text flow onto the <divor <tdand let the browser worry
about doing the line breaks and the container height. This works far
better - it self-adjusts to font size and container width.

Probably lose the <tabletoo, as it just looks like it's being used for
positioning.

Read about CSS float (might be the key to dumping your table)

http://brainjar.com/css/positioning/

Where in the UK are you? If you're in Aztec, walk up the office stairs
and say hello 8-)