/    Sign up×
Community /Pin to ProfileBookmark

Table problem in header…

Hi,

Hope someone can help me….

I’m not that good at html yet, so i wonder if someone could help me fix this.
I think its to do with how the tables are set out.

I’m using phpbb, and i’m having a problem with the HTML in the header file. Its a style thats someone else created, so i’m adding a few buttons and new logo to match my site.
The problem i have is that in certain browsers, after i add 2 buttons to the top of the page (the “forum” and “album” buttons) when the browser window is resized by the user to be narrower the table seems to colapse. see images below:

I would like my site to look like this (it does in “firefox”):

[img]http://www.simplyjo.co.uk/header2.jpg[/img]

but in “safari” and old versions on “internet explorer” it looks like this if the window is made a bit smaller:

[img]http://www.simplyjo.co.uk/header3.jpg[/img]

[b]Here is the code to the header file[/b] the buttons i mentioned above are called “p_album.gif” and “p_forum.gif”

My site address is: [url]www.networkbase.co.uk[/url]

[code=html]<body bgcolor=”{T_BODY_BGCOLOR}” text=”{T_BODY_TEXT}” link=”{T_BODY_LINK}” vlink=”{T_BODY_VLINK}” leftmargin=”0″ topmargin=”0″>

<a name=”top”></a>

<table width=”100%” cellspacing=”0″ cellpadding=”0″ border=”0″ align=”center”>
<tr>
<td class=”bodyline”><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”216″ background=”templates/digitalGold/images/newlogo2.gif”>
<table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><!– &nbsp;&nbsp;<font color=”#F5AA11″><strong>{SITENAME}</strong></font> –></td>
</tr>
</table></td>
<td><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”534″ height=”48″ align=”right” valign=”top” background=”templates/digitalGold/images/BG_menu.gif”>
<table border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><img src=”images/pix.gif” width=”1″ height=”6″></td>
</tr>
<tr>
<td>
<form method=”post” action=”./search.php”>
<span class=”mainmenu”><a href=”{U_SEARCH}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_search.gif” border=”0″ alt=”{L_SEARCH}” /></a></span>
<input type=”text” style=”width: 80px” class=”post” name=”search_keywords” size=”30″ />
<input name=”submit” type=”submit” value=”{L_SEARCH}” class=”button” />
&nbsp;&nbsp;</form>
</td>
</tr>
</table>
</td>
<td background=”templates/digitalGold/images/bM.gif”><a href=”portal.php”><img src=”templates/digitalGold/images/p_home.gif” alt=”{L_INDEX}” width=”50″ height=”48″ border=”0″></a><a href=”index.php”><img src=”templates/digitalGold/images/p_forum.gif” alt=”{L_INDEX}” width=”50″ height=”48″ border=”0″></a><a href=”album.php”><img src=”templates/digitalGold/images/p_album.gif” alt=”{L_ALBUM}” width=”50″ height=”48″ border=”0″></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height=”40″ bgcolor=”#0C3344″><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><img src=”images/40.gif” width=”1″ height=”40″></td>
<td width=”100%”><div align=”center”><font color=”#D7D7D7″ size=”1″>{SITE_DESCRIPTION}</font></div></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width=”100%” border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td width=”584″ height=”57″ valign=”top” background=”templates/digitalGold/images/BGMen.gif”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td width=”200″>&nbsp;</td>
<td width=”51″ valign=”top”><span class=”mainmenu”><a href=”{U_PROFILE}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_profile.gif” border=”0″ alt=”{L_PROFILE}” /></a></span></td>
<td width=”71″ valign=”top”><span class=”mainmenu”><a href=”{U_MEMBERLIST}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_members.gif” border=”0″ alt=”{L_MEMBERLIST}” /></a></span></td>
<td width=”50″ valign=”top”><span class=”mainmenu”><a href=”{U_GROUP_CP}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_groups.gif” border=”0″ alt=”{L_USERGROUPS}” /></a></span></td>
<td width=”40″ valign=”top”><span class=”mainmenu”><a href=”{U_PRIVATEMSGS}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_message.gif” border=”0″ alt=”{PRIVATE_MESSAGE_INFO}” /></a></span></td>
<td width=”34″ valign=”top”><span class=”mainmenu”><a href=”{U_FAQ}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_faq.gif” border=”0″ alt=”{L_FAQ}” /></a></span></td>
<!– BEGIN switch_user_logged_in –>
<td width=”49″ valign=”top”><span class=”mainmenu”><a href=”{U_LOGIN_LOGOUT}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_logout.gif” border=”0″ alt=”{L_LOGIN_LOGOUT}” /></a></span></td>
<!– END switch_user_logged_in –>
<!– BEGIN switch_user_logged_out –>
<td width=”49″ valign=”top”><span class=”mainmenu”><a href=”{U_LOGIN_LOGOUT}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_login.gif” border=”0″ alt=”{L_LOGIN_LOGOUT}” /></a></span></td>
<!– END switch_user_logged_out –>
<!– BEGIN switch_user_logged_out –>
<td width=”49″ valign=”top”><span class=”mainmenu”><a href=”{U_REGISTER}” class=”mainmenu”><img src=”templates/digitalGold/images/icon_mini_register.gif” border=”0″ alt=”{L_REGISTER}” /></a></span></td>
<!– END switch_user_logged_out –>
</tr>
</table></td>
<td background=”templates/digitalGold/images/bB.gif”><img src=”templates/digitalGold/images/bB.gif” width=”2″ height=”57″></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width=”100%” cellspacing=”0″ cellpadding=”10″ border=”0″ align=”center”>
<tr>
<td class=”bodyline”>

<table width=”100%” height=”8″ border=”0″ cellpadding=”0″ cellspacing=”0″ bgcolor=”#E3E9EC”>
<tr>
<td width=”12″ height=”8″ align=”left” valign=”top”><img src=”templates/digitalGold/images/ls_main_table_top.gif” width=”12″ height=”8″></td>
<td width=”100%” height=”8″ align=”left” valign=”top”>&nbsp;</td>
<td width=”12″ height=”8″ align=”left” valign=”top”><img src=”templates/digitalGold/images/rs_main_table_top.gif” width=”12″ height=”8″></td>
</tr>
</table>

<table width=”100%” border=”0″ cellpadding=”10″ cellspacing=”0″ bgcolor=”#E3E9EC”>
<tr>
<td>
[/code]

i hope i explained myself! ?

How can i fix this.

thanks for your time

S

😕

to post a comment
HTML

3 Comments(s)

Copy linkTweet thisAlerts:
@CharlesApr 06.2005 — Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. Additionally, when used with graphics, these tables may force users to scroll horizontally to view a table designed on a system with a larger display. To minimize these problems, authors should use style sheets to control layout rather than tables.

http://www.w3.org/TR/html401/struct/tables.html [/quote]


foo, bar
Copy linkTweet thisAlerts:
@WebLightApr 06.2005 — <td background="templates/digitalGold/images/bM.gif"> is wrapping.

You can try:

<td background="templates/digitalGold/images/bM.gif" style="white-space: nowrap">

There are other ways but they are deprecated. You might as well start somewhere :-)
Copy linkTweet thisAlerts:
@steviehypeauthorApr 07.2005 — thanks the nowrap worked just fine! ?
×

Success!

Help @steviehype spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...