You missed the point on the style syntax error
- below is missing a closing " in the style tag
(and cellpadding is not a valid style attribute, but a table tag attribute)
style="font-family: arial,sans-serif; cellpadding="10px"
Only CSS dimensions need the px
- the px is not valid/required in html tag attributes
--
_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________
Stefan,
Thanks for the reply.
I thought all dimensions have to have a unit. Anyway I altered 10px to 10 on
index.html but the table it refers to is the one which IS full width. Making
this change did not change its appearance
I don't mind that the images wrap in the table below this. I can fix this up
at my leisure.
The table with problems in index.html
<table style="font-family: arial,sans-serif;">
<tr>
<td width="20%" style="vertical-align: middle; text-align:center">
<div style="border:3px solid blue;">
<p style="margin-top:0">This site is sponsored by</p>
<p><a href="
http://actbus.net/site/" title="ACT Bus Home Page">
<img src="images/ACT Bus logo.png" height="40" title="ACT Bus Home Page"
/></a></p>
See links in sidebar
</div>
</td>
<td style="border: solid black 2px;">
<table class="tindent" style="border-collapse: collapse;">
<tr>
<th colspan="3" align="center">LATEST CHANGES</th>
<tr>
..............
This is not the full width. I tried changing the outside table statement to:
<table style="font-family: arial,sans-serif;" width="100%">
and the second column to:
<td width = "80%" style="border: solid black 2px;">
but no difference
There are also tables in other pages with similar problems, e.g.
the table in album.html commencing at line 172
the table in events.html commencing at line 162
the table in contacts.html commencing at line 163
--
Trevor Lawrence
Canberra
Web Site
http://trevorl.mvps.org
Stefan B Rusynko said:
Invalid html in
<table style="font-family: arial,sans-serif; cellpadding="10px">
should be
<table style="font-family: arial,sans-serif;" cellpadding="10">
And if you are referring the to table cells with 8 images, the sum of all
images are too wide to fit w/o wrapping
--
_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________
I have these pages with tables in <div id ="content">
where
http://ratec.actbus.net/index.html
http://ratec.actbus.net/about.html
http://ratec.actbus.net/album.html
http://ratec.actbus.net/events.html
http://ratec.actbus.net/contacts.html
This is the CSS for #content
#content {
margin-left: 16%;
border-left: solid 1px black;
}
#content table {width: 100%; }
Using IE7, in only case do they fill the whole width of the <div>.
This is the single column, single row table on
http://ratec.actbus.net/index.html starting:
From Webmaster
(Lines 336 to 353)
In Firefox and Safari, they all fill the entire width. Is this a flaw in
IE7, and will IE8 cure this?
The answer to the latter is, I guess, try it and see <g>
However, I had so many problems moving from IE6 to IE7 that I dread moving
to IE8
