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,732 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,732 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,732 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,732 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! |
Lo-Fi Version | Time is now: 27th April 2024 - 12:59 AM |