Resend my activation email : Register : Log in 
BCF: Bike Chat Forums


HTML gurus

Reply to topic
Bike Chat Forums Index -> Random Banter
View previous topic : View next topic  
Author Message

Gazdaman
I did a trackday!!!



Joined: 12 Aug 2004
Karma :

PostPosted: 01:48 - 04 Feb 2006    Post subject: HTML gurus Reply with quote

Got a little problem. Designed a little table with images to round off the corners. But when I add text to one of the cells everything goes up the spout.

On the attached pic the first image shows the table all hunky-dory. Second is just with the borders on so you can see what's going on.
Third is with the text showing it all messed up, and the fourth is the same as the third just with the borders off again.

The middle row is colspan'd across the 3 collumns above and below it. So surely anything I put in that cell shouldn't affect anything else...

The corner images are images inside cells, whereas the middle cells are backgrounds.

It's madness I tell thee.

Any clues?

Gaz


Last edited by Gazdaman on 01:50 - 04 Feb 2006; edited 1 time in total
 Back to top
View user's profile Send private message Send e-mail Visit poster's website You must be logged in to rate posts

Gazdaman
I did a trackday!!!



Joined: 12 Aug 2004
Karma :

PostPosted: 01:49 - 04 Feb 2006    Post subject: Reply with quote

HTML if it helps..

Code:
<table class="main" border="0">
   <TR>
      <TD height="48px" width="28"><img src="blue-bar-left.gif" alt="" /></TD>
      <TD background="blue-bar-middle.gif" height="48px"></TD>
      <TD height="48px" width="28"><img src="blue-bar-right.gif" alt="" /></TD>
   </TR>
   <TR>
      <TD colspan="3" background="blue-bar-middle.gif" height="48px">Text in this cell fucks everything up..</TD>
   </TR>
   <TR>
      <TD height="47px" width="28"><img src="blue-bar-lower-left.gif" alt="" /></TD>
      <TD background="blue-bar-middle.gif" height="48px"></TD>
      <TD height="47px" width="28"><img src="blue-bar-lower-right.gif" alt="" /></TD>
   </TR>
</table>


Gaz
 Back to top
View user's profile Send private message Send e-mail Visit poster's website You must be logged in to rate posts

loply
World Chat Champion



Joined: 24 Mar 2004
Karma :

PostPosted: 02:16 - 04 Feb 2006    Post subject: Reply with quote

Gaz, if you're learning HTML, then it really doesnt make sense to learn the old fashioned way (tables), which has been replaced by a superior alternative (CSS), for the very reasons you are experiencing (buggy, unpredictable behaviour).

Im sure I could solve your problem, but I would recommend instead that you restart your tuition on CSS rather than tables; Its just... better.
____________________
Yamaha SZR660 Caution to the wind, the throttle pinned!
 Back to top
View user's profile Send private message You must be logged in to rate posts

Craggles
Traffic Copper



Joined: 12 Jul 2004
Karma :

PostPosted: 14:17 - 04 Feb 2006    Post subject: Reply with quote

Agree with loply, although I don't know CSS properly and still do things the "old fashoned" way!

For the imediate problem though, try adding align="right" to the <img> and <td> tags for the right hand images. If you have multiple lines of text etc you may also require the valign="top"/"bottom" attribute for the TD tags too.

Craig
____________________
If this signature is blue, you're riding too fast
 Back to top
View user's profile Send private message Send e-mail Visit poster's website You must be logged in to rate posts

G
The Voice of Reason



Joined: 02 Feb 2002
Karma :

PostPosted: 14:25 - 04 Feb 2006    Post subject: Reply with quote

Haven't looked at the html if you put any up, but had you considered using the images as backgrounds for the cells?
 Back to top
View user's profile Send private message You must be logged in to rate posts

Gazdaman
I did a trackday!!!



Joined: 12 Aug 2004
Karma :

PostPosted: 00:23 - 05 Feb 2006    Post subject: Reply with quote

I had tried using the images as backgrounds. I am now using css to make the entire layout, I had no idea css was this powerfull!!

Gaz
 Back to top
View user's profile Send private message Send e-mail Visit poster's website You must be logged in to rate posts

Chr!S
Nitrous Nuisance



Joined: 17 May 2005
Karma :

PostPosted: 01:17 - 05 Feb 2006    Post subject: Reply with quote

Set cellpadding and cellspacing to 0.

Code:
<table width"blah" cellpadding="0" cellspacing="0">
 Back to top
View user's profile Send private message You must be logged in to rate posts
Old Thread Alert!

The last post was made 18 years, 86 days ago. Instead of replying here, would creating a new thread be more useful?
  Display posts from previous:   
This page may contain affiliate links, which means we may earn a small commission if a visitor clicks through and makes a purchase. By clicking on an affiliate link, you accept that third-party cookies will be set.

Post new topic   Reply to topic    Bike Chat Forums Index -> Random Banter All times are GMT + 1 Hour
Page 1 of 1

 
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You cannot download files in this forum

Read the Terms of Use! - Powered by phpBB © phpBB Group
 

Debug Mode: ON - Server: birks (www) - Page Generation Time: 0.06 Sec - Server Load: 0.48 - MySQL Queries: 17 - Page Size: 55.98 Kb