Im modifying my frontpage and its not showing correctly. I put together a file using photoshop/imageready pasted the html in the article, hit preview and it works. Go into the actual browser and its all spaced out. Im using firefox. It appears that firefox is the only browser having this issue (although again it does work in preview.)
Anyone have any ideas?
also do want to add that I did create a non TP html file and uploaded it and that works too.
Give us a link so we can take a look.
Please read the Posting Guidelines.html (http://www.tinyportal.net/index.php/topic,581) (makes it lots easier to help you) :)
ooops my bad
http://www.type1parents.org
and heres the file I uploaded
http://www.type1parents.org/pagetest.html
tp v.09.8
the code in question is the part at the bottom of the page.
One of our code specialists may be able to give you an answer soon enough.
Not a coder myself but I do have a page with similar elements to yours and for me placing the various images (along with text) into a table gave me what was needed for spacing and alignment.
EDIT: Just looked at your html and see that you do have it in tables already.
Quote from: Ken. on October 11, 2008, 03:13:29 AM
One of our code specialists may be able to give you an answer soon enough.
Not a coder myself but I do have a page with similar elements to yours and for me placing the various images (along with text) into a table gave me what was needed for spacing and alignment.
EDIT: Just looked at your html and see that you do have it in tables already.
Yeah thats what struck me as odd.
And out of TP- it does work.
Do you have the article so we can see it?
Quote from: JPDeni on October 11, 2008, 03:32:07 AM
Do you have the article so we can see it?
Its the Frontpage- but here is the html
<center>
<table id="Table_01" border="0" cellpadding="0" cellspacing="0" height="710" width="707">
<tbody><tr>
<td rowspan="2">
<img src="images/idea3_01.gif" alt="" height="234" width="158"></td>
<td rowspan="2">
<img src="images/idea3_02.gif" alt="" height="234" width="167"></td>
<td colspan="2" rowspan="2">
<img src="images/idea3_03.gif" alt="" height="234" width="230"></td>
<td>
<img src="images/idea3_04.gif" alt="" height="200" width="151"></td>
<td>
<img src="images/spacer.gif" alt="" height="200" width="1"></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/idea3_05.gif" alt="" height="227" width="151"></td>
<td>
<img src="images/spacer.gif" alt="" height="34" width="1"></td>
</tr>
<tr>
<td>
<img src="images/idea3_06.gif" alt="" height="173" width="158"></td>
<td>
<img src="images/idea3_07.gif" alt="" height="173" width="167"></td>
<td colspan="2" rowspan="3">
<img src="images/idea3_08.gif" alt="" height="299" width="230"></td>
<td>
<img src="images/spacer.gif" alt="" height="173" width="1"></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/idea3_09.gif" alt="" height="126" width="158"></td>
<td rowspan="2">
<img src="images/idea3_10.gif" alt="" height="126" width="167"></td>
<td>
<img src="images/spacer.gif" alt="" height="20" width="1"></td>
</tr>
<tr>
<td>
<img src="images/idea3_11.gif" alt="" height="106" width="151"></td>
<td>
<img src="images/spacer.gif" alt="" height="106" width="1"></td>
</tr>
<tr>
<td colspan="3">
<a href="http://www.cafepress.com/chrisosaurusrex">
<img src="images/idea3_12.gif" alt="" border="0" height="176" width="363"></a></td>
<td colspan="2">
<a href="http://www.type1parents.org/index.php?page=Resources">
<img src="images/idea3_13.gif" alt="" border="0" height="176" width="343"></a></td>
<td>
<img src="images/spacer.gif" alt="" height="176" width="1"></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" alt="" height="1" width="158"></td>
<td>
<img src="images/spacer.gif" alt="" height="1" width="167"></td>
<td>
<img src="images/spacer.gif" alt="" height="1" width="38"></td>
<td>
<img src="images/spacer.gif" alt="" height="1" width="192"></td>
<td>
<img src="images/spacer.gif" alt="" height="1" width="151"></td>
<td><br></td>
</tr>
</tbody></table></center><p align="center"><span style="font-style: italic;">This page was updated on October 10th, 2008</span> </p>
I would say that the CSS stylesheet for the theme is over-riding the TABLE elements for the row and data, and centering everything and adjusting padding and spacing also.
Is there any reason why you're not using the entire image or sections linked (versus a cut-up with a table that uses the spacer.gif images?) on the page? Tables are difficult to work with when it comes to browser-compatibility issues...
Hmmm I could but the reason I did that was I had another site I put together using iWeb and it was crashing IE users because of the images. So then the apple fell off the tree and hit me in the head saying to use photoshop/image ready so I sliced and diced. I certainly couldnt afford to cause members to crash on the SMF/TP site .
Maybe I could make it work
Thanks for your help.
OK I just went with the single image w/the image map. That will work for now.
Now can I set the block/article size so that the borders are close to being flush w/the glider and the pic. Just too much white. I did see something in settings that did the trick but did it for everything. I just want the main page to do that. Can I drop a code in the block and article to set them there?
You can not set the width of blocks individually with TP 0.98... technically, you set the panels (the vertical left and right columns) once in the admin panel and everything goes from there.
If you are able to use some inline CSS within your article, you might be able to achieve the look you want without having to modify the entire forum's CSS style.
But, I believe you can set the width for panels in certain articles within TP 1.x too. Not sure if your one page would warrant the upgrade just for the sole function...