The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Setting Specific table width when all tables set to 100% width, how do i make 1 specific table a specifed width from all others?
s32ialx
post Jun 4 2008, 11:03 PM
Post #1





Group: Members
Posts: 3
Joined: 4-June 08
Member No.: 5,827
Hey here's my code that i'm having a problem with

<body>
<div>
<table>
<tr>
<td>&nbsp;</td>
<td width="650px">
<table style="width: 100%">
<tr id="box-top"><td style="height: 190px">
<center>
QUOTE
<div id="mainbar">
<table id="Table_01" width="601" height="97" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="images/mainbar_01.png" width="571" height="8" alt=""></td>
<td rowspan="4">
<img src="images/mainbar_02.png" width="13" height="97" alt=""></td>
<td rowspan="4">
<img src="images/mainbar_03.png" width="17" height="97" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/mainbar_04.png" width="25" height="89" alt=""></td>
<td>
<img src="images/homepage.png" width="132" height="31" alt=""></td>
<td>
<img src="images/mainbar_06.png" width="5" height="31" alt=""></td>
<td>
<a href="voip/index.html"><img src="images/voip.png" width="132" height="31" alt=""></a></td>
<td>
<img src="images/mainbar_08.png" width="6" height="31" alt=""></td>
<td>
<a href="rdial/index.html"><img src="images/rapiddial.png" width="132" height="31" alt=""></a></td>
<td>
<img src="images/mainbar_10.png" width="7" height="31" alt=""></td>
<td>
<a href="contact/index.html"><img src="images/contact.png" width="132" height="31" alt=""></a></td>
</tr>
<tr>
<td colspan="7">
<img src="images/menu.png" width="546" height="42" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/mainbar_13.png" width="546" height="16" alt=""></td>
</tr>
</table>
</div>

</center>
</td></tr>
<tr id="box-bottom"><td id="content">
<iframe src="html/home.html" name="Main" scrolling="auto" frameborder="0" ALLOWTRANSPARENCY="true">
</iframe></td></tr>
<tr id="footer">
<td>
</td>
</tr>
</table>
</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
</body>

and here's the css for the main table
QUOTE
table { height: 100%; width: 100%; border-spacing: 0; padding: 0; border: 0; border-collapse: collapse;}
table tr { vertical-align: top; border-style:none;}


now my problem is table id="Table_01" stretches 100% width also and i don't want it to.. i also have a repeating image for a menu bar that extends underneath the table_01 that isn't showing up

any one understand what i mean i need table_01 to be a specific width not 100% so is there anyway to remove the 100% width from a specific table

i'll check back for answers in the morning... 12am here and i've been puzzled with the problem for a while now... thanks for help anyone.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jun 5 2008, 12:41 AM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
CODE
table#Table_01 { ... }
will select only the <table id="Table_01" ...> table.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
s32ialx
post Jun 5 2008, 09:08 AM
Post #3





Group: Members
Posts: 3
Joined: 4-June 08
Member No.: 5,827
QUOTE(Darin McGrew @ Jun 5 2008, 01:41 AM) *

CODE
table#Table_01 { ... }
will select only the <table id="Table_01" ...> table.


thanks anyone know how i get the repeating image to work.. it doesn't seem to be working... here's what i have but it's not working...

div.main {
position: absolute;
margin-left: 15%;
margin-right: auto;
height: 100%;
width: 55em;
background-color: #FFFFFF;
}
.search {
position: absolute;
top:0px;
right: 2em;
height: 41px;
width: 247px;
background-image: url(images/searchpane.png);
}
QUOTE
.mainbar {
position: absolute;
float: left;
top: 8em;
width: 100%;
height: 601px;
background-image: url(images/mainbar_02.png);
background-repeat: repeat;
}

.logo {
position: absolute;
top: .5em;
left: 0;
}


also for some reason
.mainbar div will NOT move down when no matter how much i add to top: ;
I've tried changing is to bottom: ; and still nothing ive tried making the table itself to move down and nothing...
i'm guna keep trying different things any help is on these 2 subjects will be very helpful thanks smile.gif

This post has been edited by s32ialx: Jun 5 2008, 09:31 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Jun 5 2008, 09:47 AM
Post #4


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9
Without an url of a page to see what you have so far, hard to understand what you mean. Can you post the url?

As for the background image to repeat, go see http://htmlhelp.com/reference/css/color-ba...ckground-repeat.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jun 5 2008, 09:57 AM
Post #5


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6
It should repeat... Maybe the box isn't large enough for it to do that. As Fredriek said, we need to see the real thing.

The reason things don't move when you add stuff is because you have positioned everything absolute. It will be where you've told it to no matter what. Don't use absolute positioning if there's no reason to and when you use it, use it with care. To position everything relative the edge of the browser window is asking for trouble.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
s32ialx
post Jun 5 2008, 10:04 AM
Post #6





Group: Members
Posts: 3
Joined: 4-June 08
Member No.: 5,827
ok thanks I'll see if i can upload some *beep* to google pages because as of right now it's only localhost, i'll leave a link once i do... thanks again
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Cascading Style Sheets · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 23rd April 2024 - 04:12 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC