table related problem with border added automatically... |
table related problem with border added automatically... |
rw1 |
Sep 19 2006, 08:07 PM
Post
#1
|
Member Group: Members Posts: 41 Joined: 19-September 06 Member No.: 171 |
hello,
i am working on a joomla site and i have placed some 'modules' within some table cells. the problem is that for some reason there is a border around the modules and therefore the modules are not 'butting up' together. i have placed a message on the joomla forums but i think it may just be a table related problem. if anyone could check the link and offer any ideas it would be really appreciated. thankyou. |
pandy |
Sep 19 2006, 08:19 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,731 Joined: 9-August 06 Member No.: 6 |
Do you mean the white stripe below the top image? Here goes.
http://www.htmlhelp.com/faq/html/images.html#image-nospace Another way to get rid of the space is to use CSS and make the image 'display: block'. I like that layout. It looks very nice and clean. |
rw1 |
Sep 20 2006, 12:31 AM
Post
#3
|
Member Group: Members Posts: 41 Joined: 19-September 06 Member No.: 171 |
Do you mean the white stripe below the top image? Here goes. http://www.htmlhelp.com/faq/html/images.html#image-nospace Another way to get rid of the space is to use CSS and make the image 'display: block'. I like that layout. It looks very nice and clean. thank you pandy, i really appreciate your reply. could you tell me how to implement the "'display: block" solution. where and how do i need to add this? thankyou. |
pandy |
Sep 20 2006, 12:44 AM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,731 Joined: 9-August 06 Member No.: 6 |
Have you fixed it already? I don't see gap anymore.
Anyway, there is a whole table wrapped around the image and the table has a class so this should work. .moduletable img { display: block } But as the gap is gone I guess you don't need that. |
rw1 |
Sep 20 2006, 12:47 AM
Post
#5
|
Member Group: Members Posts: 41 Joined: 19-September 06 Member No.: 171 |
Have you fixed it already? I don't see gap anymore. Anyway, there is a whole table wrapped around the image and the table has a class so this should work. .moduletable img { display: block } But as the gap is gone I guess you don't need that. hi pandy, no i have not fixed it, i still see it in ff. i would never not report on fixing something! so i add this to my css file: .moduletable img { display: block } what do i need to add where the image is? (btw its actually a flash movie) thankyou. |
pandy |
Sep 20 2006, 01:23 AM
Post
#6
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,731 Joined: 9-August 06 Member No.: 6 |
You don't have to change the HTML. But we are obviously talking about different stripes! The one I mean is in IE (and it's still there - I used the wrong browser when I said it wasn't). The thin, horizontal white line between the top image and the flash is much wider in IE than in FF. That's what I thought you meant.
But I see now that there's vertical stripe across the flash, on the left side, in FF. Is that what you mean? I'll have a look but I'm not so sure I can figure this one out. Here's the line I mean in IE. And the one I think you mean in FF. Is this the one? |
rw1 |
Sep 20 2006, 01:34 AM
Post
#7
|
Member Group: Members Posts: 41 Joined: 19-September 06 Member No.: 171 |
You don't have to change the HTML. But we are obviously talking about different stripes! The one I mean is in IE (and it's still there - I used the wrong browser when I said it wasn't). The thin, horizontal white line between the top image and the flash is much wider in IE than in FF. That's what I thought you meant. But I see now that there's vertical stripe across the flash, on the left side, in FF. Is that what you mean? I'll have a look but I'm not so sure I can figure this one out. Here's the line I mean in IE. And the one I think you mean in FF. Is this the one? thanks pandy, yes they are the lines i am talking about, i have removed the css references now and am just coming at the problem again with a clean slate. are you familiar with joomla? basically there is an index.php which is the structure of the site (made of a table) and it calls 'modules' into various positions within the table. the modules contain flash movies. so i am guessing i need to apply a class to the table cell and then add that class to the css file. but i am not sure of the correct way to add these classes to the index.php and css file. sorry to be one of these annoying time intensive problems! This post has been edited by rw1: Sep 20 2006, 01:35 AM |
pandy |
Sep 20 2006, 02:00 AM
Post
#8
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,731 Joined: 9-August 06 Member No.: 6 |
You want that first fix for IE anyway. But I've changed my mind. Add an id to the image tag (the top blue one), say id="logo". The use this in your CSS.
#logo { display: block } I didn't notice at first that class="module table" is used all over the place, so that could possibly *beep* up. I found the cause of your line too. It wasn't flash related as I feared. It's caused by HTML errors. Several table tags are missing. Especially a start tag for TABLE, the error at line 96 here. http://www.htmlhelp.com/cgi-bin/validate.c...s&input=yes There's also a lot of peculiar widths for tables and TDs. 3200 pixels among others. You have to fix those things. No, I haven't used Joomla, but I've seen its output before. Those guys sure like unnecessary tables. I don't envy you cleaning that up. Just to prove it works and because I've just discovered how cool the attachment feature is. Look - no line! |
rw1 |
Sep 20 2006, 05:42 AM
Post
#9
|
Member Group: Members Posts: 41 Joined: 19-September 06 Member No.: 171 |
You want that first fix for IE anyway. But I've changed my mind. Add an id to the image tag (the top blue one), say id="logo". The use this in your CSS. #logo { display: block } I didn't notice at first that class="module table" is used all over the place, so that could possibly *beep* up. I found the cause of your line too. It wasn't flash related as I feared. It's caused by HTML errors. Several table tags are missing. Especially a start tag for TABLE, the error at line 96 here. http://www.htmlhelp.com/cgi-bin/validate.c...s&input=yes There's also a lot of peculiar widths for tables and TDs. 3200 pixels among others. You have to fix those things. No, I haven't used Joomla, but I've seen its output before. Those guys sure like unnecessary tables. I don't envy you cleaning that up. Just to prove it works and because I've just discovered how cool the attachment feature is. Look - no line! hi pandy, thanks again, i'm still working on it... i added the id to the top image - <img src="/images/stories/blue_header.png" id="logo" /> i added exactly this at the top of my css file - #logo { display: block } and it hasnt changed anything... can u tell me what you did to make that line go away? thank you. |
rw1 |
Sep 20 2006, 06:24 AM
Post
#10
|
Member Group: Members Posts: 41 Joined: 19-September 06 Member No.: 171 |
i have cleaned up the code quite a lot, it is working in IE now (and i have applied ie/flash fix).
there is a still an unwanted little line in FF...if you could tell me how you got it away that would be great! thanks! |
pandy |
Sep 20 2006, 11:43 AM
Post
#11
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,731 Joined: 9-August 06 Member No.: 6 |
i have cleaned up the code quite a lot, it is working in IE now (and i have applied ie/flash fix). there is a still an unwanted little line in FF...if you could tell me how you got it away that would be great! thanks! Not enough. There's still a missing </td> in the code for the nested tables that surround the flash (see the validator result for line number). The page has changed though. This time fixing that wasn't enough. You have to remove those crazy widths too. I've deleted most of the widths and the page looks OK. |
rw1 |
Sep 20 2006, 07:11 PM
Post
#12
|
Member Group: Members Posts: 41 Joined: 19-September 06 Member No.: 171 |
Not enough. There's still a missing </td> in the code for the nested tables that surround the flash (see the validator result for line number). The page has changed though. This time fixing that wasn't enough. You have to remove those crazy widths too. I've deleted most of the widths and the page looks OK. i cant figure out where to add it this is the entire code for my body area. can u tell me what is wrong with it? thank you. CODE <body class="page_bgr"> <div align="left"><table width="1002" border="0" cellpadding="0" cellspacing="0" class="frame"> <!--DWLayoutTable--> <tr valign="top"> <td width="1002" height="39" colspan="2" align="left" valign="top" class="header"><?php mosLoadModules ( 'header' ); ?></td> </tr> <tr> <td width="1002" align="center" valign="top" class="mainpage"><table width="1002" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td width="198" rowspan="2" valign="top"><?php mosLoadModules ( 'left' ); ?></td><td width="802" height="104" valign="top"><?php mosLoadModules ( 'image' ); ?></td></tr><tr><td width="802" valign="top"><?php mosMainBody(); ?></td></tr></table></tr> </table><?php mosLoadModules ( 'booty' ); ?></div> </body> |
rw1 |
Sep 20 2006, 09:13 PM
Post
#13
|
Member Group: Members Posts: 41 Joined: 19-September 06 Member No.: 171 |
i changed to this but now there is padding around the table cells
CODE <body> <table width="1002" border="0"> <tr> <td height="39" colspan="2" valign="top" class="header"><?php mosLoadModules ( 'header' ); ?></td> </tr> <tr> <td width="198" rowspan="2" valign="top"><?php mosLoadModules ( 'left' ); ?></td> <td width="802" height="104" valign="top"><?php mosLoadModules ( 'image' ); ?></td> </tr> <tr> <td width="802" valign="top"><?php mosMainBody(); ?></td> </tr> <tr> <td colspan="2" valign="top"><?php mosLoadModules ( 'booty' ); ?></td> </tr> </table> </body> This post has been edited by rw1: Sep 20 2006, 09:16 PM |
rw1 |
Sep 20 2006, 09:26 PM
Post
#14
|
Member Group: Members Posts: 41 Joined: 19-September 06 Member No.: 171 |
this is code now, i tried to make it cleaner and so there are no nested tables - the only problem now is that the lines have re-appeared:
(ps '1002' is the actual width of the template) CODE <table width="1002" border="0" cellspacing="0"> <tr> <td height="39" colspan="2" valign="top" class="header"><?php mosLoadModules ( 'header' ); ?></td> </tr> <tr> <td width="198" rowspan="2" valign="top"><?php mosLoadModules ( 'left' ); ?></td> <td width="802" height="104" valign="top"><?php mosLoadModules ( 'image' ); ?></td> </tr> <tr> <td width="802" valign="top"><?php mosMainBody(); ?></td> </tr> <tr> <td colspan="2" valign="top"><?php mosLoadModules ( 'booty' ); ?></td> </tr> </table> |
pandy |
Sep 20 2006, 09:33 PM
Post
#15
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,731 Joined: 9-August 06 Member No.: 6 |
QUOTE (ps '1002' is the actual width of the template) Remove it. |
rw1 |
Sep 20 2006, 09:40 PM
Post
#16
|
Member Group: Members Posts: 41 Joined: 19-September 06 Member No.: 171 |
QUOTE (ps '1002' is the actual width of the template) Remove it. i removed it and code now looks lihe this - the lines are still there CODE <table border="0" cellspacing="0"> <tr> <td height="39" colspan="2" valign="top" class="header"><?php mosLoadModules ( 'header' ); ?></td> </tr> <tr> <td width="198" rowspan="2" valign="top"><?php mosLoadModules ( 'left' ); ?></td> <td width="802" height="104" valign="top"><?php mosLoadModules ( 'image' ); ?></td> </tr> <tr> <td width="802" valign="top"><?php mosMainBody(); ?></td> </tr> <tr> <td colspan="2" valign="top"><?php mosLoadModules ( 'booty' ); ?></td> </tr> </table> |
pandy |
Sep 20 2006, 09:50 PM
Post
#17
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,731 Joined: 9-August 06 Member No.: 6 |
Oh man... now the line is there in IE too.
Here. I only made those changes I said. http://web.telia.com/~u18115332/sayblu.html |
rw1 |
Sep 20 2006, 10:02 PM
Post
#18
|
Member Group: Members Posts: 41 Joined: 19-September 06 Member No.: 171 |
Oh man... now the line is there in IE too. Here. I only made those changes I said. http://web.telia.com/~u18115332/sayblu.html can u pm me exact code for index.php - i have tried what you said but it wont work. sorry!! and if you go to sleep, i think i will go mad... |
rw1 |
Sep 20 2006, 10:06 PM
Post
#19
|
Member Group: Members Posts: 41 Joined: 19-September 06 Member No.: 171 |
wait!! it worked!!
edit: yes i just double checked! thank you VERY much. it would not have been possible without your patient support. thankyou! This post has been edited by rw1: Sep 20 2006, 10:25 PM |
Lo-Fi Version | Time is now: 26th April 2024 - 09:13 AM |