|
HTML - Small Problem With My Site
Hello
Ive got a bit of a problem which is really doing my head in trying to figure it out. It could be related to a script ive just used to produce a small slideshow/gallery, or could be to do with the tables. Ive highlighted the two areas with a red box in the attachment below, the main problem is the yellow line in the top left corner. on the other pages its not there... I noticed that there is a gap between the top page and the design of the site (which isnt meant to be like that), the whole design should be a little higher. Ive also attached the site code, im hoping someone can look and apologies if the code is messy (which it may well be..) thanks for any help Similar TutorialsHey everyone, Working on a site for this church. The site is www.graceheritagechurch.com . I have a few problems that I want to touch up: 1)First, I have it on the home and about us pages where the td extends 100% so if there is scrolling, it is using the right scrollbar and not a scrollbar inside the i-frame. If you look at the Our Beliefs section, I can't say the same for that. What code do I need so the only scrolling is on the right side and it just extends until all the text is done? 2)Lastly, If you go to the home page and make the text size a good bit bigger, the horizontal scroll will appear in the iframe. I don't want this, and I know most people don't use font size that big, but the preacher I'm making this site for does and it's important that I can get it off there. Any help with these two basic questions is greatly appreciated. Help ASAP! Thanks, Kyle So here's my site http://canadianhabbo.com/ Now when you make the screen smaller everything moves together, make it bigger and it looks normal... I'm wondering how to make my images stick... this is the code I'm using to align the main image where I want it. HTML Code: <span style="position:absolute; z-index: 1; left:15%; top:30.5%"> <img src="http://canadianhabbo.com/images/mainimage.gif"/> </span> Try it yourself drag the window smaller and larger and you'll see what I mean. ;] Basically the only reason I'm worrying about this is because people with 800x600 setting will most likely have problems viewing it. Hope someone can help. Hi Guys, I have a simple question, I havent done any web/html stuff for a long time, ive totally forgotton how to do everything. At the moment im working on a small project, I was thinking of running it off a database but I think its way to complicated even for that as all I need is a single html page that populates with information that I have when certain inormation is entered. Basically its a contact list, name, number, ID, landline fax number etc. I have a list of about 400 names which I want to be searched by a ID and state, so for example, theres 2 data entry boxes, one is a drop down box of states and the next is a text entry field where you enter the ID (3 digits) once selected, it populates another text field with the information. I want all the info to remain on a single page, or maybe the info on another page and displayed on the main page when the propriate ID number is entered. Id prefer it this way as I can easily edit the page with text. I dont think a database is appropriate, as I need to run this locally. Does anyone have any idea what I need to do to get this done? Id appreciate any help. Thanks alot Hey everyone I'm new here.. I do have a slight problem, and I'm not sure where to look. I have a .swf file that is using a lot of bandwidth right now, mainly about 4GB of bandwidth a day. I don't mind that it is using that much, but I'm thinking why not put some advertisement links to try to make some money from showing this thing all the time. The link to it is, http://www.mypcgeeks.com/screenclean.swf It's a little pug licking the screen and people are getting a kick out of it, which is great, but what I want ultimately to be done is instead of going just to the .swf, to possibly redirect, or even add just a advertisement table above the .swf Suggestions? Thanks <html><body> <table width="670" height="" cellspacing="0" cellpadding="" border="0" bgcolor="#f9f5f3" align="center"> <tbody> <tr> <td><table width="650" cellspacing="0" cellpadding="6" border="0" bgcolor="#f9f5f3" align="center"> <tbody> <tr> <td colspan="2"><img width="650" height="230" align="middle" src="/assets/images/Tifco Ezine/banner.jpg" alt="" /></td> </tr> <tr> <td colspan="2"><p><span style="color: rgb(193, 139, 92);"><strong><span style="font-size: x-large;">Summer Offers at Parknasilla Resort & Spa</span></strong></span></p> <p><span style="color: rgb(193, 139, 92);"><span style="font-size: large;">Self Catering in Style</span></span></p> <p>Only €200 per night for a 5 night self catering break in one of our two bedroom luxury lodges. Situated just behind the main house the lodges offer a fantastic alternative to staying in the hotel and allow your family absolute freedom to come and go as they choose!</p> <p><span style="font-size: large;">€200 Per Night </span></p> <p><img width="112" height="35" alt="" src="/assets/images/Tifco Ezine/book_now_burlo2.jpg" /></p></td> </tr> </tbody></table> <table width="320" cellspacing="0" cellpadding="" border="0" align="left"> <tbody height="400" background="/assets/images/Tifco Ezine/background.jpg" align="middle" alt="" width="320" img=""><tr valign="top"> <td style=""><p style="text-align: left; margin-left: 15px;"> </p><p style="text-align: left; margin-left: 15px;"><strong><span style="color: rgb(193, 139, 92);"><span style="font-size: large;">Sumptuous Spa Package</span></span></strong></p> <p style="text-align: left; margin-left: 15px;">Relax & unwind in our stunning thermal spa with panoramic views of the Atlantic Ocean and Kerry Mountains!</p> <p style="text-align: left; margin-left: 15px;">Package includes:</p> <ul> <li style="text-align: left;"><p>2 Nights Overnight Accommodation</p></li> <li style="text-align: left;"><p>Full Irish breakfast</p></li> <li style="text-align: left;"><p>Gourmet Dinner in Pygmalion Restaurant</p></li> <li style="text-align: left;"><p>spa treatment</p></li> </ul> <p style="text-align: left; margin-left: 15px;"><span style="font-size: large;"> </span></p> <p style="text-align: left; margin-left: 15px;"><span style="font-size: large;">Only €269 PPS </span></p> <p style="text-align: left; margin-left: 15px;"><img width="112" height="35" alt="" src="/assets/images/Tifco Ezine/book_now_burlo2.jpg" /></p></td> </tr> </tbody></table> <table cellspacing="0" cellpadding="" border="0" bgcolor="#f9f5f3" align="right" style="width: 320px; height: 400px;"> <tbody height="400" > <tr bgcolor="#f9f5f3" background="/assets/images/Tifco Ezine/background.jpg" align="middle" alt="" width="320" height="400" img="" valign="top"> <td style=""><p style="text-align: left;"><strong> </strong></p><p style="text-align: left; margin-left: 15px;"><strong><span style="color: rgb(193, 139, 92);"><span style="font-size: large;">Gourmet Golf Escape</span></span></strong><span style="font-size: large;"> </span></p> <p style="text-align: left; margin-left: 15px;"><span style="font-size: large;"><span style="font-size: small;">Package includes:</span></span></p> <p style="text-align: left; margin-left: 15px;">2 Nights overnight accommodation</p><ul> <li style="text-align: left;"><p> Full Irish breakfast</p></li> <li style="text-align: left;"><p>Gourmet Dinner in Pygmalion Restaurant</p></li> <li style="text-align: left;"><p>Round of Golf</p></li> </ul> <p style="text-align: left; margin-left: 40px;"><span style="font-size: large;">Only €309 PPS</span><span style="font-size: large;"><br /> </span></p> <p style="text-align: left; margin-left: 40px;"><img width="112" height="35" alt="" src="/assets/images/Tifco Ezine/book_now_burlo2.jpg" /></p></td> </tr> </tbody></table> </td></tr></tbody></table> </ html></ body> The two tables in bold I have an image in both these tables as a background it is a rounded rectangle similar to the background color #f9f5f3 but there is white spacing around the image that I cannot take out. Any help is greatly appreciated. Thanks. I dont know what happened but all of a sudden I have no "layout view" and it looks like all code is in head section. Please help me, I cant figure it out. I used golive 7.0 for this crap code. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <title>Room additions.</title> <meta name="keywords" content="san diego bath remodeling, san diego room additions, san diego remodeling contractor, san diego room addition contractor,san diego kitchen & bath remodeling" <meta name="author" content="http://www.hdr.com"> <meta name="copyright" content="hd"> <meta name="revisit-after" content="7 days"> <meta name="robot" content="All"> <link href="main.css" rel="stylesheet" type="text/css" media="all"> <csscriptdict import> <script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script> </csscriptdict> <csactiondict> <script type="text/javascript"><!-- var preloadFlag = true; // --></script> </csactiondict> </head> <body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0"> <table width="1235" border="0" cellspacing="0" cellpadding="0" align="center" background="images/bg.jpg" cool gridx="10" gridy="10" height="1014" showgridx showgridy usegridx usegridy> <tr height="78"> <td width="252" height="550" rowspan="5" valign="top" align="left" xpos="0"><img src="images/bg_top_L.jpg" alt="" height="434" width="252" border="0"></td> <td width="220" height="78" colspan="5" valign="top" align="left" xpos="252"><img src="images/logo.jpg" alt="" height="78" width="220" border="0"></td> <td width="507" height="78" colspan="3" valign="top" align="left" xpos="472"><img src="images/phone_head.jpg" alt="" height="78" width="507" border="0"></td> <td width="255" height="550" rowspan="5" valign="top" align="left" xpos="979"><img src="images/bg_top_r.jpg" alt="" height="434" width="255" border="0"></td> <td width="1" height="78"><spacer type="block" width="1" height="78"></td> </tr> <tr height="26"> <td width="194" height="935" rowspan="5" valign="top" align="left" xpos="252"><csobj h="935" occur="5" t="Component" w="194" csref="menu.html"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/but1.jpg" alt="" height="16" width="194" border="0"></td> </tr> <tr> <td><a onmouseover="changeImages('but2','images/but2_over.jpg');return true" onmouseout="changeImages('but2','images/but2.jpg');return true" href="index.html"><img id="but2" src="images/but2.jpg" alt="" name="but2" height="26" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but3','images/but3_over.jpg');return true" onmouseout="changeImages('but3','images/but3.jpg');return true" href="#"><img id="but3" src="images/but3.jpg" alt="" name="but3" height="24" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but4','images/but4_over.jpg');return true" onmouseout="changeImages('but4','images/but4.jpg');return true" href="#"><img id="but4" src="images/but4.jpg" alt="" name="but4" height="24" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but5','images/but5_over.jpg');return true" onmouseout="changeImages('but5','images/but5.jpg');return true" href="#"><img id="but5" src="images/but5.jpg" alt="" name="but5" height="22" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but6','images/but6_over.jpg');return true" onmouseout="changeImages('but6','images/but6.jpg');return true" href="#"><img id="but6" src="images/but6.jpg" alt="" name="but6" height="22" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but7','images/but7_over.jpg');return true" onmouseout="changeImages('but7','images/but7.jpg');return true" href="#"><img id="but7" src="images/but7.jpg" alt="" name="but7" height="24" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but8','images/but8_over.jpg');return true" onmouseout="changeImages('but8','images/but8.jpg');return true" href="#"><img id="but8" src="images/but8.jpg" alt="" name="but8" height="24" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but9','images/but9_over.jpg');return true" onmouseout="changeImages('but9','images/but9.jpg');return true" href="#"><img id="but9" src="images/but9.jpg" alt="" name="but9" height="23" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but10','images/but10_over.jpg');return true" onmouseout="changeImages('but10','images/but10.jpg');return true" href="#"><img id="but10" src="images/but10.jpg" alt="" name="but10" height="25" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but11','images/but11_over.jpg');return true" onmouseout="changeImages('but11','images/but11.jpg');return true" href="#"><img id="but11" src="images/but11.jpg" alt="" name="but11" height="26" width="194" border="0"></a></td> </tr> <tr> <td><img src="images/menu_low.jpg" alt="" height="235" width="194" border="0"></td> </tr> <tr> <td><img src="images/special1.jpg" alt="" height="130" width="194" border="0"></td> </tr> <tr> <td><img src="images/special2.jpg" alt="" height="126" width="194" border="0"></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> </table> </csobj></td> <td width="533" height="26" colspan="7" valign="top" align="left" xpos="446"><img src="images/frame_top.jpg" alt="" height="26" width="533" border="0"></td> <td width="1" height="26"><spacer type="block" width="1" height="26"></td> </tr> <tr height="221"> <td width="16" height="221" colspan="3" valign="top" align="left" xpos="446"><img src="images/frame_left.jpg" alt="" height="221" width="16" border="0"></td> <td width="501" height="221" colspan="2" valign="top" align="left" xpos="462"><img src="images/main_pic.jpg" alt="" height="221" width="501" border="0"></td> <td width="16" height="221" colspan="2" valign="top" align="left" xpos="963"><img src="images/frame_rt.jpg" alt="" height="221" width="16" border="0"></td> <td width="1" height="221"><spacer type="block" width="1" height="221"></td> </tr> <tr height="38"> <td width="533" height="38" colspan="7" valign="top" align="left" xpos="446"><img src="images/frame_bottom.jpg" alt="" height="29" width="533" border="0"></td> <td width="1" height="38"><spacer type="block" width="1" height="38"></td> </tr> <tr height="187"> <td width="8" height="187" colspan="2"></td> <td content csheight="177" width="517" height="187" colspan="4" valign="top" xpos="454"><span class="h1b">Welcome & Remodeling.</span><span class="h1"><br> </span>Thank you for taking the time to <a class="test" href="index.html">look</a> around. <p>Remodeling kitchen .</p> <p>Remodeling bathrooms</p> </td> <td width="8" height="187"></td> <td width="1" height="187"><spacer type="block" width="1" height="187"></td> </tr> <tr height="463"> <td width="252" height="463"></td> <td width="1" height="463"></td> <td width="787" height="463" colspan="7" valign="top" align="left" xpos="447"><img src="images/line.jpg" alt="" height="16" width="533" border="0"></td> <td width="1" height="463"><spacer type="block" width="1" height="463"></td> </tr> <tr height="1" cntrlrow> <td width="252" height="1"><spacer type="block" width="252" height="1"></td> <td width="194" height="1"><spacer type="block" width="194" height="1"></td> <td width="1" height="1"><spacer type="block" width="1" height="1"></td> <td width="7" height="1"><spacer type="block" width="7" height="1"></td> <td width="8" height="1"><spacer type="block" width="8" height="1"></td> <td width="10" height="1"><spacer type="block" width="10" height="1"></td> <td width="491" height="1"><spacer type="block" width="491" height="1"></td> <td width="8" height="1"><spacer type="block" width="8" height="1"></td> <td width="8" height="1"><spacer type="block" width="8" height="1"></td> <td width="255" height="1"><spacer type="block" width="255" height="1"></td> <td width="1" height="1"></td> </tr> </table> <csobj h="240" occur="30" t="Component" w="1260" csref="footer.html"> <table width="1234" border="0" cellspacing="0" cellpadding="0" align="center" background="images/foot.jpg" height="240"> <tr height="51"> <td width="261" height="51"></td> <td width="130" height="51"></td> <td width="138" height="51"></td> <td width="155" height="51"></td> <td width="260" height="51"></td> <td width="50" height="51"></td> <td width="241" height="51"></td> </tr> <tr height="125"> <td width="261" height="125"></td> <td valign="top" width="130" height="125"><a href="index.html">Home</a><br> <a href="about%3ehtml">About Us</a><br> <a href="services.html">Services</a><br> <a href="gallery.html">Gallery</a><br> <a href="clients.html">Clients</a><br> <a href="contact.html">Contact Us</a></td> <td valign="top" width="138" height="125"><a href="design.html">Design Services</a><br> <a href="kitchens.html">Kitchen Remodeling</a><br> <a href="baths.html">Bath Remodeling</a><br> <a href="room_additions.html">Room Additions</a><br> <a href="home_repairs.html">Home Repairs</a><br> <p></p> </td> <td valign="top" width="155" height="125"></td> <td width="260" height="125"></td> <td width="50" height="125"></td> <td width="241" height="125"></td> </tr> <tr> <td width="261"></td> <td width="130"></td> <td width="138"></td> <td width="155"></td> <td align="right" width="260">Copyright © HDR 2009</td> <td width="50"><img src="images/logo_vg.jpg" alt="" height="35" width="50" align="right" border="0"></td> <td width="241"></td> </tr> </table> </csobj> </body> </html> Hello guys I am having problems with how my site looks in IE relative to other browsers. This is the problem --> http://www.triplestarnews.com/needhelp.jpg the url of the source is http://www.triplestarnews.com/main. Any ideas/help would be greatly appreciated. -Victor Hey there, I am having a small problem everytime I try to make a page like this. The navbar will move up when I make the page bigger, and it will act weirdly and create extra pixels and such when I make it smaller. Please help! I validated everything, I would just like to know why it is doing this. Thanks a ton. I really appreciate it! Html: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link rel="stylesheet" type="text/css" href="web.css"> <title>Sample</title> </head> <body> <div id="top"> <img src="samplebanner.png" width="750" height="150" alt="Banner"> </div> <div class="navbar"> <ul> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> </ul> </div> </body> </html> Css: .navbar ul { position: absolute; text-decoration: none; background-color: aqua; background-image: none; padding-left: 0px; top: 143px; } .navbar li { list-style-type: none; border-style: solid; border-color: black; border-width: 1px; border-bottom: 0px; } img { border-style: solid; border-color: black; border-width: 1px; position: absolute; } Thank you so much for your help! This is the page: [edited out link after problem solved] In Internet Explorer and Opera (not FF as far as I can see), under the 3rd 4th 5th 6th and 7th menu image there is a very small black line between it and the next. I don't know why these are there and how they appeared. I think it is something to do with the stylesheet rather than the page html as they are not there when I exclude it. The style is he [edited out link after problem solved] Can anyone shed some light on this? thanks. I have found a problem recently with my photography site where the scroll bar does not show up on the right hand side of the page unless if I am running Safari. I have checked it on other computers and the same thing happens. I think that the big flash app in the middle of the page may be causing it in some way. Anyone got any ideas? Here's the link to my site: http://www.benellett.com/ I'm not too skilled in web design, but I've picked up HTML over the years, mainly just using tables. Well, my problem is that I have to put a site together for my work, so I drew up a design in Photoshop, and broke it up into tables in dreamweaver. Everything looks fine in Dreamweaver, so I upload everything, and it looks great on my Mac. Now when I switch over to a windows PC and look at it online, it gets all screwed up. The graphics on the tables are out of whack and it just looks messed up. And on top of that, the banner does not show up, I think it has something to do with a <div> tag I used to make a drop down menu below it. Any help would be greatly appreciated. Thanks. Hi there Been a while since i posted Need a bit of help if possible. Its pretty basic but hope someone can help. When i change the size of the window me writing and graphics in my page move to fit. i want to try keep them so they are stuck down where they are. Can anyone help ? for reference my site is http://uk.geocities.com/onix36div@bt...com/index.html Thanks in advance My "BYO AUDIO" had a problem where it was fine with Firefox, but on IE it would keep playing even if it was paused! So, I got some guy to fix it and now it works great in IE, and the audio dragbar or anything doesn't even show up in Firefox!! I have no idea how this could have happen, all I know is he did something related to "Playweb". If anyone knows, that would be great. Thanks! Link: http://tinyurl.com/yhwe37e Hello guys, i have little problem with my website. www.tvfm.mk/tv.html when you go to that link it redirects you to a website with gay porn. Is there any way to stop that redirect ? hey guys so I just published my first site you can find it at www.palmettogoldandsilver.com If you visit you can see the problem i am having. The links are supposed to change colors when moused over and go back to normal if moused out. Why are my links disappearing? Also on the jewelry page my second picture is not loading. All of this works perfectly when i preview the site in dreamweaver. Any help is awesome thanks! Hi, i have a site with iframes. By opening the page with IE is ok, but Mozilla can't open it. So, this is the code: Quote: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> </head> <frameset rows="*" cols="80,*" frameborder="no" border="0" framespacing="0"> <frame src="file:///C|/frame2.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame"> <frameset rows="80,*" frameborder="no" border="0" framespacing="0"> <frame src="file:///C|/frame3.hml" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame"> <frame src="file:///C|/frame1.hml" name="mainFrame" id="mainFrame" title="mainFrame"> </frameset> </frameset> <noframes><body> </body> </noframes></html> Can somebody help me to find the problem? Hi guys, Quite new to web design and having trouble getting the form on my sites contact page to work, it simply just isn't doing anything! Tried playing around with the code for hours with no luck, the form can be found he http://davidgeaney.co.uk/contact.html Any help at all would be greatly appreciated Thanks Dave Hi Guys. I have to start by saying I am considered a newbie when it comes to html so please bear with me. Here is where I am having the problem: http://www.fbdopewars.com/eddie/print.html As you all can see the images have spaces around them. Now this was all written in notepad so I need specific assitance in the html code. My dillema is 2 things: Why does my page have these horrible gaps between the images even though I THINK I entered it all right? Is there a more efficient way to write the code then what I am currently doing and how compatible is it on cross-browser (This is mostly experimental so I dont mind hacking it up and starting again). Thanks in advance for your time and help! hi i created a new site so i created one folder name "new site" inside this folder i have three folders "pics" , "pages" , "text" and my index.htm file when i open my smart ftp and put my server addres i connect with no problems so i copy and paste my "new site" folder into my ftp and the transfer goes perfect no erros , but when i type my web addres i get this error message "403" can you please help me solve thid problem am using awardspace hosting . |
|||||||