|
HTML - Difficult Problem: Table, Splash Background
I'll be really impressed if someone is able to figure out this issue. I've wracked my brain and asked around, but no luck so far. However, this looks like a good place to come to for help.
The problem is with the splash page at the link below. It works great in IE6 and the new Firefox. However, it doesn't work in Chrome and in IE9, if the zoom is greater than 100%, the size of the page (and the linked buttons) expands beyond the viewable area. The background is constructed from a simple table, with the image broken up into the cells. Any help you can offer is appreciated. http://www.jaguaraudiodesign.com/splash/index4.htm <html> <head> <title>JAGUAR AUDIO DESIGN</title> <link rel="stylesheet" type="text/css" href="PageStyle.css"/> <link rel="icon" href="Icon5.ico" type="image/x-icon"> <link rel="shortcut icon" href="Icon5.ico" type="image/x-icon"> <style> body {background-image:url();} </style> <style> {overflow:hidden; height:100%; width:100%;} </style> </head> <body bgcolor="Black" scroll="no"> <div id="content" align="center" scroll="no"> <table id="table1" scroll="no" border="0" cellpadding="0" cellspacing="0" valign="bottom" width="100%" height="100%"> <tr valign="top" border="0" cellpadding="0" cellspacing="0" align="center" height="90%"> <td colspan="5"><img alt="JaguarSplashPageBlkBg (245K)" src="JaguarSplashPageBlkBg.jpg" width="100%" height="100%" /></td> </tr> <tr valign="top" border="0" cellpadding="0" cellspacing="0" align="center"> <td><img alt="JaguarSplashPageBlkBg2 (7K)" src="JaguarSplashPageBlkBg2.jpg" width="100%" height="100%" /></td> <td><a href="store.htm"><img alt="SplashStoreBtn (5K)" src="SplashStoreBtn.jpg" width="100%" height="100%" border="0" /></td> <td><a href="consulting.htm"><img alt="SplashConsultingBtn (5K)" src="SplashConsultingBtn.jpg" width="100%" height="100%" border="0" /></td> <td><a href="blog.htm"><img alt="SplashBlogBtn (3K)" src="SplashBlogBtn.jpg" width="100%" height="100%" border="0" /></td> <td><a href="tv.htm"><img alt="SplashTVBtn (2K)" src="SplashTVBtn.jpg" width="100%" height="100%" border="0" /></td> </tr> </table> </div> </body> </html> Similar TutorialsHey there. I am adding a splash page to a website that is already built. This splash page is supposed to act like a micro site, that can link to the original page. I am having problems linking from my splash page to the original website. Instead of opening the link in the window, my browser is trying to download the linked page. Does it have something to do with the fact that the original page has been designed with frames and my splash page has it's own separate layout and navigation. Any help would be appreciated. Thanks Hello, I was wondering, is it possible to do this ? > when you enter a website it loads the first page with a splash image on top, and then after few seconds (user's choise) the splash image goes away revealing what's under it. Please help me, it's for a small firm that wants users to be able to see their full logo when they enter the site just for a few seconds. Thanks ok guys thanks for all help you have given me so far. Now here is my next thing, we have aquired about 20 websites whihc will all be linking to my one site. These are all well known sites with in my niche. How is the best way to do this, would it be better to use redirect or have a splash page and have people click. will google only count clicks as links to my sites or how dose this work. Thanks. Hi everyone, Im just about the start my company and as im the only one running it i have to do everything include building my own website! i think its safe to say i have very little knowledge of building sites and all that goes with it. i have bought my domain and would like to get a page up there wiht something along the lines of... Sowing my Logo email address myspace link etc So my question is, is there any free code out there which i can just use for my splash page? it will also say website coming soon. i know this is a very lazy approach but time is of the essence and all the help i can get would be great. ive had a shot before at HTML and i have to say i found it difficult as i come from a Video Production background. so any help and any links to any information would be great! I know there is no easy way around this but if i could just at least get something to show that i have a site would be geat! Thanks for you time Please, help, I'm rather new to html, and downloaded a splash page package. I'm a tad skilled with adobe photoshop, but I dont understand how to get this splash to work. www.bfgaming.org How can I make the ''main'' and ''forums'' buttons actually go to the site? I have the code if anyone needs it. Ok here it is..........There is a site that uses a code that I want to use as well. The name of the site is http://www.gamefaqs.com The code does this: Everytime someone logs in it keeps track of each time that they log in. They get a point for each day......not each time they log in. In other words they can't log in and out 10 times and get 10 points. It only works in the sense that they get a point per day. I can only speculate that the code involves a timer feature. After midnight, pacific time, they get another point for that day provided they log in. They don't get another point until midnight again. The code that makes this work is a little beyond my knowledge. If anyone out there knows how to write a code that works similiar to this please let me know. Thanks Ok, so here is my problem. I am pretty new at HTML coding and what not. I just launched a new website, http://reflectiontechnologies.com/ . Basically, I am trying to launch an online backup service for peoples to back up their files. That is up and running and is currently in the beta stage so occasionally, the backup server goes offline. What I want to do is on my server page (http://www.reflectiontechnologies.com/html/horizon.html) is to have a code of some sort that will check the server url (horizon.reflectiontechnologies.com) to see if it responds and if it doesn't, to redirect to a page that says the server is temporarily offline. PS... If you want to beta test the backup server, let me know Also... I had made a page that I updated manually before to redirect to the server or to redirect to a page alerting users that it was down. The problem I had though was that the browser would cache that page thus making it ineffective. Hi, Ive just finally made my splash page and a question that i have is how can i link this with my myspace page. Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Basic Production</title> </head> <body> <div align="center"><img src="../images/splash.gif" alt="Splash page" width="750" height="600" align="absmiddle"/></div> </body> </html> so how can i do this? also just to be more clear is that i would like it when the splash page is clicked it then goes to my, myspace. Thanks people. I have wordpress installed at mydomain.com/blog and I want a simple splash page to show up at mydomain.com. I've created the page in html and it works the way I want it to but I can't get it to show up at mydomain.com. When I go to mydomain.com it shows up as INDEX OF and I can click the splash page file but I want the domain to point straight to the splash file. Thanks for any help you can offer. Hello there! I am having some problems with my site at the moment. Since I did not build a big part myself (and have little knowledge of coding), I cannot change something I would like. Check it out he my site As you see, there are two arrows beneath the big scroll. I would like to have one to the left, and one to the right of the big scroll. So, I think I should align the three, but don't know how! This is (I think) the code at the moment. If asked I can give additional info. What's my next step? HTML Code: <div id="bigscroll">
<!-- <div class="nav1l"><a href="javascript: ;" onclick="hide_more_nav();" id="scroll_nb"><span>Back</span></a></div> -->
<!-- <div class="nav1r"><a href="javascript: ;" onclick="hide_more_nav();" id="scroll_nn"><span>Next</span></a></div> -->
<div class="scroll">
<ul>
<?php
$query = "SELECT _img_big, _text_short, _text_big FROM pics ORDER BY _time DESC";
$result = mysql_query($query) or die(mysql_error());
while ($row = mysql_fetch_array($result)) {
echo '<li>
<span class="short">'.vars_decode($row['_text_short']).'<br /><a href="javascript: show_more();">Show more</a></span>
<span class="big">'.vars_decode($row['_text_big']).'<br /><a href="javascript: hide_more();">Hide more</a></span>
<img src="'.$row['_img_big'].'" alt="" />
</li>';
}
?>
</ul>
</div>
<div class="clear"></div>
</div>
Hello, I am trying to hose just a single splash page with a background image, a logo & a couple of links. I only need this free/cheap hosting for 1-2 months. Any ideas who would work for this? I'd prefer free. There may be a lot of traffic at some point to the splash page, but the only thing they will be able to do from that page is email or go to the myspace page. So I dont think I need a lot of disc space, but not sure how the bandwidth will be used since there techincally isnt anything there but a logo and a couple of links? No nudity will be on this particular splash page, so I assume I can host the file(s) any where. i want to make my text go from left to right inside my html box. for some reason its only going in the center of the page. ive tried editing the code but to no avail. please help me! heres the address, thanks dale. http://stores.ebay.co.uk/My-Memory-U...WITH-HTML.html and here's the code............... <div align="center"><table border="0" cellpadding="0" cellspacing="0" width="819"> <tbody><tr><td><img src="http://www.use.com/images/templates/bynum/6411/pintop.jpg" width="819"></td></tr> <tr><td align="center" background="http://www.use.com/images/templates/bynum/6411/topbar.jpg" height="80" valign="middle"><font color="#000000" face="arial, helvetica, verdana, sans serif" size="4"><b></b></font></td></tr> <tr><td background="http://www.use.com/images/templates/bynum/6411/midbar.jpg"><div align="center"> <table align="top" border="0" cellspacing="0" width="720"><tbody><tr><td style="background-repeat: no-repeat" width="720"><div align="center"><table style="width: 1px; height: 52px;" border="0" cellpadding="0" cellspacing="0"><tbody><tr> <td><br></td></tr><tr><td> <b>NOTE :</b> why is the text centered i want it from green to green inside the box?.<p> <br><strong><br></strong><strong></strong><br></p></td></tr></tbody></table> <img src="http://www.use.com/images/tran60h.gif" height="60" width="1"></div></td></tr></tbody></table></div></td></tr> <tr><td><img src="http://www.use.com/images/templates/bynum/6411/botbar.jpg" width="819"></td></tr> <tr><td><img src="http://www.use.com/images/templates/bynum/6411/footer.jpg" width="819"></td></tr> </tbody></table> </div> hi, i would like to know if its possible to place a table background image on top of the td color within that table... example he www.tomesrabold.com/levy/thingstodo.html I would like the image at the bottom to be on top of the yellow bar at left. The image at the bottom is the background to the entire table, while the left bar is the background color to the td. ok i know it's rough but here the site - basically it runs fine in firefox, chrome, and latest safari and fine on mobile opera etc, but in ie 7 it completely screws the background box on a few tables on a all the pages pages: run this in ie 7: http://www.gospeldesign.co.uk/sb/ view it in chrome to see how it's meant to look, do you think it's something i'm doing in the css? i'm pretty new to this and only just started using css. thanks for any help. I am trying to have a non repeating background in my table. My table is inside a DIV tag. It works perfect in Mozilla Firefox but not in internet explorer. I know someone on this forum had a similar problem awhile ago but I couldn't seem to fix my problem. I am not the best at coding. This is what I have <table width="800" border="0" align="center" cellpadding="0" cellspacing="0" style="background:url(assets/blob2.png)no-repeat"> Any help would be greatly appreciated How/where can I add a background color to this table? thanks. Code: <TABLE cellSpacing=0 cellPadding=0 width=100% border=0>
<TR>
<TD><font class=tbody>
<form action="/smusermanager/members/default.asp?action=login" method=post name=login language="JAVASCRIPT" onsubmit="return Validate();"><input type=hidden name=todo value="login"><input type=hidden name=url value="/smusermanager/members/default.asp">
<table border=0 cellspacing=0 cellpadding=0 width=95% align=center class=colorformborder><tr class=colorformborder><td><table border=0 cellspacing=0 width=100% cellpadding=0><tr class=colorformborder><td colspan=2><table border=0 cellspacing=1 cellpadding=5 width=100% colspan=2><tr class=colorformheader><td colspan=2><font class=textsize9><font color=white><b>Login Here</b></font></td></tr>
<tr class=colorformfields><td align=center colspan=2><font class=textsize9></font></td></tr><tr class=colorformfieldsalt><td align=right width=50% ><font class=textsize9>Email Address</font></td><td><font class=textsize9><input class=fieldbox type=text size=20 maxlength=50 name="members_username"></font></td></tr>
<tr class=colorformfields><td align=right width=20% ><font class=textsize9>Password</font></td><td><font class=textsize9><input class=fieldbox type=password size=20 maxlength=50 name="members_password"></font></td></tr><tr class=colorformfields><td colspan=2 align=right><font class=textsize9><input class=fieldbox type=submit value="Login" id=submit2 name=submit2></font></td></tr>
</td></tr></table></td></tr></table></td></tr></table></form>
<div style="padding-left: 24px;"> <font face="Arial" color="#000000" size="3"><img src="/images/Hphone.gif" style="vertical-align: middle;"> <a href="?action=login"> Home</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone1.gif" style="vertical-align: middle;"><a href="?action=register"> Register</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone2.gif" style="vertical-align: middle;"><a href="?action=forgotusername"> FAQ</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone3.gif" style="vertical-align: middle;"><a href="?action=forgotusername"> Terms Of Use</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone4.gif" hspace="4px" style="vertical-align: middle;">
<a href="?action=forgotusername"> Contact Us</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone5.gif" style="vertical-align: middle;"><a href="?action=forgotpass"> Forgot Password</a><br><br>
<IMG src="/images/clear.gif" width=1 height=5><br><img src="/images/hphone7.gif" style="vertical-align: middle;"><a href="?action=forgotusername"> Forgot Username</a></font></div>
</font>
</TD>
</TR>
</TABLE>
I'm new to the forum and hope i'm asking in the right place. I have modified some code to break one image into seperate images and display them at different places on a page, but i would like to use one of the images as a background to a table, below is the code (excluding javascript) to seperate one item that i've called Logo and show it on it's own; <body onload="crop('images/New_Logo.png', 'Logo', 0, 0, 960, 99); > <div id="Logo" style="width:960px; height:99px; margin-bottom:20px;"></div> I've tried different variations to show as background but it wouln't work, i was thinking along the lines of <table background="Logo"> .... </table> Hi everyone, my problem is that I have a table with a background, which shows in my html editor, but when I upload the page, in bluehost, the background image doesn't show. All other images are showing fine except the background images of any table. here's what I'm writing <table width="817" height="172" border="0" align="center" cellpadding="12" background="backsev.jpg" bgcolor="#CCCCCC"> <tr> <td><td align="right"><table width="480" height="145" border="0" cellpadding="0"> <tr> <td valign="left"><div align="justify"> </div></td> </tr> </table></td> </tr> </table> so in this case, after uploaded it only shows bgcolor is is not reading/showing background="backsev.jpg" any ideas? Hi, I can't seem to figure out how to have a centered background image in a table in addition to its background color. Here's the site in question: http://deliciousintlbakery.com/test.htm I want to keep the red background in the table, but I also want an image centered behind the text (the address of the cafe). Here's the code: <table width=70% cellpadding="0" cellspacing="0" border=1 align="center" style="font-family: Arial ; font-size: 9pt;" bordercolor="#FFCC00"> <tr><td> <table width=100% cellpadding="0" cellspacing="0" bgcolor="8D2B25" height="250" border="0" style="font-family: Copperplate Gothic Bold ; font-size: 9pt;"> </td></tr> Thanks! Hi, I have searched the forums for an answer to this question, but I couldn't find anything that solves my problem. I have designed a site in Dreamweaver. http://www.dirt-e-riders.com In IE 6 and IE 7 it shows correctly, but in firefox the backgound image for my table doesn't show. In effect I have two main tables, each sized at 100% width. Table 1 is at the top of the page and contains a bg. in jpg format Table 2 is just below that and also contains a bg. in gif format I didnt make the bg for table1 a gif cause the quality is too poor. The bg for table1 does not show, but the bg for table 2 does. I have already tried to read the bg from my CSS with no repeat but it does the same. Could someone please help me. I'm new to web design. Your help will be greatly appresiated. Thanks |
|||||||