• Help
  • Search
  • Login
  • Register
  • Home

Forum: web design and graphics community

Celestial Star Forum > Art Boards > Creative mediums > Please help me. My tables won't expand!
Pages: [1]
« previous next »
  Print  
Author Topic: Please help me. My tables won't expand!  (Read 1232 times)
Starlightlita
Guest
Please help me. My tables won't expand!
« on: August 24, 2006, 06:19:17 AM »
Hello,

I need help, my background and everything is repeating fine. However, for some reason the table won't stretch like it is suppose to. Can anyone please help me? Thanks!

Screencap of Problem
Note: I blurred it for fear of getting ripped off.  :oops:

Edit: Here is my coding. That might help. :roll: *smacks herself*
Code:

<html>
<head>
<title>Slices</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#feeef7" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="center">
<link href="style.css" rel="stylesheet" type="text/css" />
<table id="Table_01" width="775" border="0" cellpadding="0" cellspacing="0" style="border: 1px solid #cd8986"; background: url(images/tablebg.jpg)";>
<tr>
<td colspan="3">
<img src="images/Index_01.jpg" width="775" height="55" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Index_02.jpg" width="775" height="55" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Index_03.jpg" width="775" height="55" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Index_04.jpg" width="775" height="55" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Index_05.jpg" width="775" height="55" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/Index_06.jpg" width="775" height="55" alt=""></td>
</tr>
<tr>
<td width="143" height="195" style="background: url(images/Index_07.jpg) no-repeat;">  
                <div style="position:absolute; top:436; left:255; width:120;">
                <!-- Begin Left Navigation -->
                <h1>Header</h1>
                <IMG src="images/HeartAnimated.gif"> <A href="http://">link</A><br>
                <IMG src="images/HeartIcon.jpg"> <A href="http://">link</A><br>
                <IMG src="images/HeartAnimated.gif"> <A href="http://">link</A><br>
                <IMG src="images/HeartIcon.jpg"> <A href="http://">link</A><br>
                <IMG src="images/HeartAnimated.gif"> <A href="http://">link</A><br>
                <IMG src="images/HeartIcon.jpg"> <A href="http://">link</A><br>
                <!-- End Left Navigation -->
                </div>
                </TD>

                <td width="490" height="195" style="background: url(images/Index_08.jpg) no-repeat;">  
                <div style="position:absolute; top:418; left:395; width:480;">
                <!-- Begin Content Area -->
                <h2>Welcome</h2>
                <IMG src="images/DarkLadyAvatar.jpg" align="left"> *yawn* Well, I'm finally finished with this design. I'm quite pleased with it too. Unfortunately, I couldn't get the graphic headers to work. However, I am proud to say that this layout is FireFox safe! <3 Let's see, I made a tracker button, hentai free badge, and an avatar for dark lady. I think that covers it. If I missed anything it's probably due to the fact that I am falling asleep in my chair right now. I know that I did indeed follow every rule as if it were the book of rules! (ha-ha) Okay that was dumb. (Yes, I know) Who was that?! Ah, I'm fighting with my self...hmm...sleep. I remember that at one time I knew what that was. Glorious wonderful sleep...*sigh*
                <!-- End Content Area -->
                </div>
                </TD>

<td width="142" height="195" style="background: url(images/Index_09.jpg) no-repeat;">
                <div style="position:absolute; top:428; left:893; width:120;">
                <h3>Header</h3>
                <!-- Begin Right Navigation -->
                Your content here
                <!-- End Right Navigation -->
                </TD>
</tr>

<tr>
<td colspan=4 valign="bottom">
<IMG src="images/Index_10.jpg" width=775 height=75 alt=""></td>
</tr>

</table>
</div>
</body>
</html>
Logged
Blackstone
Administrator
Valkyrie Randgris
*****
Posts: 821

Oh look! People!


View Profile
Please help me. My tables won't expand!
« Reply #1 on: August 24, 2006, 10:36:21 PM »
Yes, could would help, however could you repost the code (just editing the post and repasting it will do fine) and make sure you select 'Disable HTML in this post' before you click Submit. If you don't, it takes out all the HTML attributes. O.o

I think I have an idea of what your problem is without the attributes, I'd just like to be sure. What browser are you viewing this layout in?
Logged
Starlightlita
Guest
Please help me. My tables won't expand!
« Reply #2 on: August 25, 2006, 04:28:49 AM »
Oh, haha! I'm using FireFox and thanks for your help. I fixed the code now so you can see the attributes. ^^
Logged
Blackstone
Administrator
Valkyrie Randgris
*****
Posts: 821

Oh look! People!


View Profile
Please help me. My tables won't expand!
« Reply #3 on: August 25, 2006, 10:42:54 AM »
Hmm.... your divs... You're using absolute positioning to place your text. If you take those divs out, it should work perfectly fine. =)
Logged
Starlightlita
Guest
Please help me. My tables won't expand!
« Reply #4 on: August 26, 2006, 02:14:53 AM »
I can't, then my text won't go where I want it. I just tried what you suggested by the way.
Logged
Blackstone
Administrator
Valkyrie Randgris
*****
Posts: 821

Oh look! People!


View Profile
Please help me. My tables won't expand!
« Reply #5 on: August 26, 2006, 02:51:50 AM »
What do you mean it won't go where you want it to?
Logged
Starlightlita
Guest
Please help me. My tables won't expand!
« Reply #6 on: August 26, 2006, 02:54:07 AM »
The way I cut the images. I didn't cut them in the columns if that makes sense. Then, after I read your suggestion I tried slicing them as such and re-did the coding and that was just a complete mess!  Sad
Logged
Blackstone
Administrator
Valkyrie Randgris
*****
Posts: 821

Oh look! People!


View Profile
Please help me. My tables won't expand!
« Reply #7 on: August 26, 2006, 12:01:30 PM »
Oh... that could be a problem...

I tried your code on my computer, just taking out the divs, and it looked like it worked fine to me. I couldn't tell absolutely, because I don't have the images, but if you put maybe some padding into the table cells, it would work. At least that's how it looks to me.

The problem with the divs and their absolute positioning is one: it ignores the footer, and two: when you view the layout on a smaller screen resolution than the one you made it on, then the layout messes up. The only way you can use absolute positioning is if you move the layout to one side of the screen or the other.

However, here are a few topics that could possibly help you:
http://forum.celestial-star.net/viewtopic.php?t=2129
http://forum.celestial-star.net/viewtopic.php?t=2146
Logged
Starlightlita
Guest
Please help me. My tables won't expand!
« Reply #8 on: August 31, 2006, 03:45:41 AM »
Could it be the footer? That seems to be it, I don't know. Someone PLEASE help me!
Logged
Pages: [1]
  Print  
« previous next »
 
Jump to:  

  • Welcome, Guest
  • Members login
  • Register for free

General

  • General
  • New members
  • Announcements
  • Support / Suggestions

Art boards

  • Creative mediums
  • Requests and offers
  • Tutorials
  • Celestial Star tutorials

Web development

  • Coding
  • Web design
  • Advertisements / affiliation

Off-topic

  • The non-sense
  • Ententainment
Go up
eXTReMe Tracker
  • Valid XHTML
  • Valid CSS
Powered by SMF 1.1.2 | SMF © 2006-2007, Simple Machines LLC | Seo4Smf v0.2 © Webmaster's Talks
Loading...