HTML - 1st Website, 1st Problem: Td Background
Hello everyone! I am so grateful that there are sites like this to help those like me.
I'm ready to be hit by rotten tomatoes because my method for building my first site probably breaks tons of rules. I used Photoshop to create a webpage by slicing a single image with the intention of laying it out in a table. When I first sliced the image and simply set each image using "img src=" in each Table Data cell, it came together fine and looked perfect. The problem happened when I made one of my images the background image for the cell. The reason I did this is because this is going to be my main "Content" area and I want to be able to enter content over the image. For some reason, right when I made this change, the cell directly to the left of my "main content cell" is pushing to the right and creating unwanted blank space...and I can't for the life of me figure out why. I'm pulling my hair out and I'll probably cry myself to sleep tonight. I thought it was my HTML and found a tiny bit of CSS to help, but the problem remains. Thanks so much in advance for any assistance you can provide. The site is here (I added red borders to the table for assistance with review): http://www.geocities.com/mena_beena/Rosco.html Here is my HTML: Code: <html> <head> <link rel="stylesheet" type="text/css" href="rosco.css" /> </head> <body bgcolor=black> <table bordercolor=red border=1 cellspacing="1" cellpadding="0"> <tr> <td colspan=3><img src="Template4_01.jpg"></td> </tr> <tr> <td colspan=2><img src="Template4_02.jpg"></td> <td><img src="Template4_03.jpg"><br><img src="Template4_04.jpg"></td> </tr> <tr> <td><img src="Template4_05.jpg"></td> <td class="bg">asdfasdf</td> <td><img src="Template4_07.jpg"><br><img src="Template4_08.jpg"><br> <img src="Template4_09.jpg"><br><img src="Template4_10.jpg"></td> </tr> </table> </body> </html> Here is my CSS Stylesheet: Code: td.bg{ background: url(Template4_06.jpg); } Similar TutorialsHi, I have an image "m1" set as the background of a table on my website. The table is set to the width of the image "340". However, when I add text it pushes the border and the image repeats/cuts off. http://www.monkeygambling.com/newpage.htm This problem only happens in IE, not in opera. Can anyone help? thanks I have the following question: I have a website with a background image and on that background image I have some text. When I scroll down I want my background to stay where it is and only the text should scroll down. What should I do to make this like that? I am currently designing a website and I have to allow the user to change the background to a colour of his/her liking. I have a javascript function which works fine, but the problem is when you navigate to a different page the background colour will change to the default colour. I need to somehow allow the user to change the background colour for the entire website from any given web page. Below is the function i am using. Thank you in advance for your assistance. <script type="text/javascript"> function bg_color(c){ var b = document.getElementsByTagName("div")[0]; var d = document.getElementsByTagName("body")[0]; b.style.background = c; d.style.background = c; } </script> Hi, I'm wondering if there is a way to ensure that my website background will work with any resolution i.e. will the flowers stay flush with the bottom corner of the page? http://imageshack.us/photo/my-images/819/bg1ev.jpg/ i am currently using wordpad and making a website on rappers i am trying to add a video which will be a FULL-SCREEN video for the background but i dont have a clue what to do i have this at the moment to stream the video <img border="0" dynsrc="John Cena 6th Titantron.wmv" start="fileopen"> please help Hi guys, I'm currently trying to sort out the background for a website. What I'd like is to have a silhouette of a few people on a gradient background. I'd like to keep the quality high, but it also makes the file size large. If there were no silhouette then I would have a one pixel strip of the gradient set to repeat. Is it possible to add two background pictures, or is there another way I can reduce the file size that I hadn't thought of? Hello everyone I have run into a roadblock. I am trying to make a background image scale properly with Internet Explorer. I have successfully made the image fit the web browser right, using this code in a CSS class. The code I am using is as written: PHP Code: body.background { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/Website Background-3.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/Website Background-3.jpg', sizingMethod='scale')"; } this code makes the background I am using work correctly in Internet Explorer. However, when I use this code, it makes the rest of the website stop working. I can no longer click on any of the links on the page, or anything of the sort. However, all my styles for the links still remain on the page. Any suggestions? Thank you all, Mitch Guzman I've got another problem with my website. I've taken a screenshot that I wanted for my website background. But since it was took on my screen, it doesn't fill the screen on wider monitors. I'm just wondering if there's any information on auto-resizing a website background. Or is it a scirpt/CSS/php style thing? This problem seems abit more complex than me previous problem. I'm on a 19 inch monitor. Here is my website for those that have bigger screens than me. http://www.dawncraftmc.com/ Hi, I have my website all set up and I added a picture of my free report on the close to the bottom. Im my html editor of my file manager in cpanel it comes out right no problems. But when I type in the website in my browser the jpg image has a x in the left hand corner where the image should be.. Does anybody have any solutions or ideas to fix this problem..?? Thanks Jay Morrison www.provenweightlosssecrets.com Hello again, I have posted previously on a few occasions and had some things fixed with my website. Everything was working fine until just a couple of days ago I noticed something. One of the problems I had was I wanted the images on my pages to load before an swf file, so I got assistance with that and it worked great. I have now noticed that my website once again doesn't load in the order I want AND I have noticed that one of my swf files no longer loads in IE. It does work in Firefox though. I have checked this on two different computers and it definately doesnt work in IE. I haven't made any changes that would stop the page from loading how I wanted it and I have no idea why the swf no longer works in IE. My website URL is ozlotteriesonline.net and the swf file that doesnt work is on /business.html I'd also like to note that the swf file on my homepage still works, it just loads out of sequence. Thanks in advance....again Hello everybody. I was recently working on my website and I was looking at a game that was not coming up properly. The game was coming but the format of the page was for some reason not appearing properly. I tried almost everything I could. Could you guys take a look at it. Thanks. I put a link on the bottom. http://umgames.co.cc/bikemania5.php Hey guys im sure this question has been answered, but having tried a large majority of the answers none seem to work. I have been building websites using my laptop (15 inch screen) after upgrading to a 17 inch screen im getting problems with the web page. It now has a horizontal scroll bar which i find rather annoying as do many other people that visit my sites. This is what it looks like at the moment on larger screens what i need to find out is how to make it so the page fits within the parameters of the screen without a horizontal scroll bar. this is the code that i used to make on of my sites, if possible could some one tell me where to maybe edit the string of html to get it to fit all screens? <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title></title> </head> <body style="color: rgb(255, 255, 51); background-color: rgb(0, 0, 0);" alink="#ffff33" link="#ffff33" vlink="#ffff33"><div style="text-align: center;"><img style="width: 750px; height: 225px;" alt="" src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/PCKBIGBANER-1.png"><br> <big><br> Home | Investigations | Gallery | Locations | The Team | Methods | Contact us<br> <br> </big> <table style="width: 800px; text-align: left; margin-left: auto; margin-right: auto;"> <tbody> <tr> <td style="text-align: center;"> <div align="center"><font color="#000000" size="+1"> <marquee bgcolor="#FF0000" direction="left" loop="99999" width="75%"><strong>We are accepting private bookings. Please contact Tim Harris on 07533119768 or email Tim at tim.paranormalknights@yahoo.co.uk</strong></marquee> </font></div> </td> </tr> </tbody> </table> <big><br> </big> <table style="background-color: rgb(0, 0, 0); text-align: left; margin-left: auto; margin-right: auto; width: 1312px; height: 459px;"> <tbody> <tr> <td style="text-align: center; vertical-align: top;"> <div style="margin-left: 40px;">Hello and welcome to Paranormal Knights Cymru. The group was founded in 2008 with the soul intentions of finding answers that we the team have been searching for, for all our lives! We are a unique team that reside in the south Wales area and have many many years of paranormal investigating experience between us. The things that make us such a unique team of paranormal investigators is that we take things to a higher level, we go to such a high level that other teams are left stranded whilst we soar above and beyond the grave. We use techniques such as Clairvoyance, Clairaudiance, Clairsentience and also the scientific approach with electronical equipment such as EMF detectors, EVP recording devices, still camera's and also video camera's. We also use non electrical equipment such as dowsing rods, oujia boards, glass swirling and table tipping. All of these methods are tried and tested and proven to be the main source of communications with the paranormal phenomena. To get an understanding of what these techniques entail and how they work please check out the methods page. <br> <br> So with that said will you be able to put the fear of the unknown behind you and join us in our quest for answers?<br> <br> <span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span class="Apple-style-span" style="color: rgb(51, 0, 153);"></span></span><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span class="Apple-style-span" style="color: rgb(51, 0, 153);"></span></span></div> </td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td style="text-align: justify; vertical-align: top;"><img style="width: 498px; height: 253px;" alt="" src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/Margam_Castle.jpg"></td> <td></td> <td></td> </tr> </tbody> </table><div style="text-align: left;"><br> </div> <br> </div> </body> </html> Hey guys, im not sure if anyone has this problem but i have it and im pissing off because of it. I worked on it for over 4 hours to no avail so i decided to get some professional opinion here. I designed my website using Photoshop and save for web and devices, giving me the HTML codes and the entire site is done in tables. I had no problems for buttons whatsoever, i found a way to insert flash banner was by creating a slice and deleting it afterwards to insert my flash banner. The problem: All text, headings, contents appear as image and i would have to reslice the entire website just to change the content and i cant use cutenews etc. So i tried draw ap div, but it is not resolution dependent, it distorts at all kind of resolutions... I tried using Fireworks but to no avail too.. I cant really think of anything else. Something that allows me to do editable content. Please email me if you do not understand what i mean i can show you. molehetoe@live.com or add me in MSN Hi, I have a radio website but I need to go to anouther website to turn this on, this is not a problem but if I get people requesting to be a DJ when they go to turn the station on thay could mess the station up or chane the password, is there eny way of getting the website on my website but the can only turn the radio on, nouthink else? The website is: http://listen2myradio.com My website is http://jeradio.tk If you need to see the souce click HERE Thanks woops terribly sorry guys for my first post being a false alarm, i experimented a bit and fixed it. Hi everyone, new to HTMLforums and HTML in general. I am seeking help with this problem : Currently i am trying to create a simple website that could contain pictures and possibly videos that i would upload every few days. It would have these sections - intro, pictures, videos , contact info. I have already purchased a domain name and a webhost. I have read that to create the website and upload the pictures, you need to have some kind of HTML editor like microsoft front page to "write" the pages. I would like to know if there are any free HTML editors that i can download off the internet to write my website. And also, once you have the editor, how do you "link" it to your website so that when you write code, the page appears. Sorry if questions sounds noobish, this is my first time setting up website. Thanks alot. Victor Hi, For some reason on my website ( http://www.the-undefined.net/index.php ) a random "<" keeps popping up in one of two places on the screen. It either appears in the very top corner of the screen, the top corner of the central table of the page OR not at all... This isn't a HUGE problem or anything but it is slightly annoying... AND I can't get rid of it and I have no idea... The site is for a webcomic and uses PHP Inclusion to add content (e.g. index.php?id=ep1 is the page for episode one) Here's the coding of the index.php page: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>the-undefined.net</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" href="style.css"> <script type="text/javascript"> function getURL(val){ base = 'http://www.the-undefined.net/index.php?id=ep'; location = base + val; return false; } </script> </head> <body bgcolor="#2A2A2A"> <table align="center" width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="right" colspan="2"> <table width="450" border="0" cellspacing="5" cellpadding="0"><tr> <td id="nav-top"><a href="index.php?id=home" title="the home">home</a></td> <td id="nav-top"><a href="index.php?id=story" title="the story">the story</a></td> <td id="nav-top"><a href="index.php?id=eplist" title="the ep list">ep list</a></td> <td id="nav-top"><a href="index.php?id=omake" title="the omake">omake</a></td> <td id="nav-top"><a href="index.php?id=site" title="the site">site</a></td> <td> </td> </tr></table> </td> </tr> <tr> <td height="350" valign="top" align="left" colspan="2" style="border: 15px solid #f0f0f0;"> <?php // checks if $z is defined if($id) { $x = basename($id); // Adds an extension to $z. E.g., if $z was main, then after this line, $z becomes main.php $id .= ".php"; // Checks if $z is in the current directory if (is_file("./$id")) { // Includes $z include($id); } else { // If $z is not in the current directory, an error comes out echo "<center><br><br><b>404 Error:</b><br><br>The page you are looking for, <b>$id</b> doesn't seem to exist!</center>"; } } else { // Include main.php if $z is not defined include("home.php"); } ?> </td> </tr> <tr> <td align="left"> <table width="170" border="0" cellspacing="5" cellpadding="0"><tr> <td> </td> <td id="nav-bottom"><a href="index.php" title="the domain">the undefined</a></td> </tr></table> </td> <td align="right"> <table width="200" border="0" cellspacing="5" cellpadding="0"><tr> <td id="nav-bottom"><a href="index.php?id=ep1" title="the first ep">first ep</a></td> <td id="nav-bottom"><a href="index.php" title="the last ep">last ep</a></td> <td> </td> </tr></table> </td> </tr> </table> <center><br><br><br><br><br><br><br><font color="#444444"><b>© Copyright 2006<br>All Rights Reserved</b></font></center> </body> </html> And for example an episode page is: HTML Code: <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr><td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="625" height="350"> <param name="movie" value="001.swf"> <param name="quality" value="high"> <embed src="001.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="625" height="350"></embed> </object> </td></tr> <tr><td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: right; padding: 5px;" valign="center"> <table width="200" border="0" cellspacing="0" cellpadding="0" align="right"> <tr><form id="form1" name="form1" method="post" action="" onsubmit="return getURL(this.url.value)" style="padding: 0px;"> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: right;"> « <s>Prev</s> | </td> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: center;"><input name="url" type="text" style="background-color: #ffffff; color: #000000; text-align: center; border: 1px solid #000000; width: 30px; height: 16px; font-size: 11px; font-family: Verdana; vertical-align: middle;" class="form" /></td> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: left;"> | <a href="index.php?id=ep2" title="the next" style="color: #000000;">Next »</a> </td> </form></tr> </table> </td></tr> </table> And it keeps randomly appearing everytime I refresh the page! Can anyone help...? Thanks, Spedman975 P.S. Sorry if this isn't where I should post this but I'm new to this! Hi, could you check my site: http://www.monkeygambling.com and tell me if it works on your screen resolution. I've had some problems with diff resolutions. On 1024 x 768 it sometimes does a slight repeat of the background image because the text i have on there pushes the table down a bit. thanks Goodday, I have a verry enoying problem on my company's website: www.tholeholland.nl When you press the print button it takes like 5 min. before it starts printing. Also the file is about 180 mb big.. ?? AND the tekst on the end of the page is left out.. Please help me.. I'have really tryed everything. Thanks! Greetings, Daniel |