HTML - Big Yet Minor Problem
A link on a particular website to my website was published incorrectly. I contacted the webmaster but the problem is that they work VERY slow and the necessary change will not be done for a while.
They added a "space" and a "backslash" to my address. It reads "whateverwebsite.com /" So when people click on it they are given a server error and the site won't load. Is there anything I can do to make my web address pull up with that space after .com? Thank you for any help you can provide. This is really hurting my business since its the main external link to our site. Similar TutorialsHey Guys, I just got my latest project online and finished the flash banner for it but for some reason the flash banner seems to be off by 1 pixel to the right, its hardly noticeable but it's buggin me. I dont know if this is an HTML fix or CSS but this is the site. Thanks! Here's what I have... http://img378.imageshack.us/img378/502/currentmw7.jpg ...and here's what I'm trying to get... http://img388.imageshack.us/img388/3810/wantedvp6.jpg Basically, just rid of the white space above "Looking Out For You". Here's the coding for the page in a text file... http://www.megaupload.com/?d=JG3ELL2T If anyone can help me with coding or anything (most likely a table I have to fix), that would amazing and greatly appreciated! Thank You! Hello all, thought maybe someone could help me with a basic problem I'm having. I am fairly new to html and stuff but am off to a start to get a site running. The problem I am having is that the image i am using to link is offset vertically with vspace = 11 in order to line up lines with a border type thing. However, when you click the image link it includes the 11 pixels underneath it from vspace as part of the clickable link. Is there a way to make it so that only the image itself is a link and still add the 11 pixel spacing under it to get the image to line up with the rest of the site? Thanks! Code: <img style="width: 51px; height: 57px;" alt=" " src="images/icon/left.bmp"><a href="main.html"><img style="border: 0px solid; width: 92px; height: 30px;" alt=" " src="images/icon/bt1.bmp" vspace="11"></a> Code is just the part of the 2 images: the first image, and the linked image that I want to line up with the first image. Hey guys: I am new to this and have been catching on real quick. This is for my final project for college and i have one minor issue i have been looking into for the past 20 minutes now. I cannot get the nav bar on the left to align to the top near the banner i had created. Very simple for some but an issue for me. Sorry to bother you guys, and i did search for this issue. Thanks in advanced, Oh and heres the site: http://academ.hvcc.edu/~02479568/rude_rsx/photos.htm Deric <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #nav-menu #photos { color: #607650; font-weight: bold; } </style> <title>Photography</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" href="template.css" type="text/css"> </head> <body> <table> <tr> <td colspan="2"><img src="img/banner.jpg" alt="cars"></td> </tr> <tr> <td width="218" height="766"> <div id="nav-menu"> <ul> <li><a href="index.htm" id="home">Home</a></li> <li><a href="photos.htm" id="photos">Photos</a></li> <li><a href="mods.htm" id="mods">List of Mods</a></li> <li><a href="insp.htm" id="insp">Inspirations</a></li> <li><a href="events.htm" id="events">Events</a></li> <li><a href="contact.htm" id="contact">Contact Me</a></li> </ul> </div> </td> <td valign="top" width="488"> <div class="content"> <center><h2>Photos</h2></center> <p>This page will show you phot's of my vehicle taken my a Nikon D40 SLR Camera. Pictures taken and photoshopped by M.I.</p> <BR> <center><p>(Click Images to Enlarge)</p></center> <table> <tr> <td><a href="img/MyS3.jpg"><img align="left" src="img/MyS3.jpg" border="2" alt="My Rsx" width="200" /></a></td> <td><a href="img/MyS2.jpg"><img align="left" src="img/MyS2.jpg" border="2" alt="My Rsx" width="200" /></a></td> </tr> <tr> <td><a href="img/MyS1.jpg"><img align="left" src="img/MyS1.jpg" border="2" alt="My Rsx" width="200" /></a></td> <td><a href="img/MyS4.jpg"><img align="left" src="img/MyS4.jpg" border="2" alt="My Rsx" width="200" /></a></td> </tr> <tr> <td><a href="img/MyS5.jpg"><img align="left" src="img/MyS5.jpg" border="2" alt="My Rsx" width="200" /></a></td> <td><a href="img/MyS6.jpg"><img align="left" src="img/MyS6.jpg" border="2" alt="My Rsx" width="200" /></a></td> </tr> <tr> <td><a href="img/MyS7.jpg"><img align="left" src="img/MyS7.jpg" border="2" alt="My Rsx" width="200" /></a></td> <td><a href="img/MyS9.jpg"><img align="left" src="img/MyS9.jpg" border="2" alt="My Rsx" width="200" /></a></td> </tr> </table> </div> </td> </tr> </table> </body> </html> CSS file: body { background-color: #C2C2C2; margin-left: 100px; } .content { color: #5D734D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin-left: 2em; margin-right: 2em; } .leftnav { background-color: #C2AD67; width: 217px; } #nav-menu ul { list-style: none; padding: 0; margin: 0; } #nav-menu li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; height: 45px; line-height: 45px; width: 217px; display: block; border: none; border-bottom: 3px solid #000000; color: #755F3E; text-decoration: none; text-align: top; text-indent: 0.8cm; } #nav-menu li a:hover { color: #FFFFFF; font-weight: bold; background-color: #424242; } /* Hide from IE5-Mac \*/ #nav-menu li a { float: none; } /* End hide */ #nav-menu { width: 217px; } I would like to have an image that takes 2 url like the following image... is it possible? if so, can someone please tell me how this could be done? Thank you very much.. NOTE: I tried doing this... <map name= 'url1' > <area shape= 'poly' coords= ' 0 , 0 , 50 , 0 , 0 , 50 ' href= 'url1.html' > </map> <a href= 'url2.html' > <img src= 'img.jpg' width= 50 height= 50 usemap= '#url1' > </a> but this only get 'url1' woring... Okay, I know that this problem is going to be really really easy, but I forgot how to do it. I use to own an older website and forgot the code. Anyways, I only know how to describe it. When I minimize the screen, it is minimizing the whole thing and collapsing it making the iframes smaller and the text fit into a smaller space. Most websites have a code (i don't know what it is) so that when someone minimizes their browser, it just makes the browser smaller and not the actual page. Here's what it looks like: http://www.freewebs.com/noeylani94/index.htm Try minimizing that and see how it looks. It collapses the whole page right? Can someone tell me the code how to fix it? Thanks =D I"m haveing a problem with my page, there is a gap where I don't want one to be, here is my code, I don't know if it is the css or html. the gap is between the leftBar and the content. I"ve used *html with the height:1px before, for the sideMenu, but I don't know if the same trick would apply for width. index.php: HTML Code: <?php session_start(); ?> <!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> <title>WootWoot</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body><center> <div id="wrapper"> <div id="header"> </div> <div id="mainnav"> <ul id="mainMenu"> <div id="spacer"> </div> <li><a href="index.php">Home</a></li> <li> <?php if(isset($_SESSION['validUser'])){ echo '<a href="logout.php">Log Out</a></li>'; } else if(!isset($_SESSION['validUser'])){ echo '<a href="login.php">Log In</a></li>'; } ?> <li><a href="profile.php">Profile</a></li> <li><a href="daily.php">Daily</a></li> <li><a href="search.php">Search</a></li> </ul> </div> <div id="leftbar"> <ul id="sideMenu"> <li><a href="shorts.php">Submit a short story</a></li> <li><a href="popular.php?select=today">View popular works from today</a></li> <li><a href="popular.php?select=week">View popular works from last week</a></li> <li><a href="popular.php?select=tmonth">View popular works from this month</a></li> <li><a href="popular.php?select=lmonth">View popular works from last month</a></li> </ul> </div> <div id="content"> Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. </div> </div> </center></body> </html> style.css: Code: /* Page Layout */ body { text-align:center; background-color:Silver; } #wrapper { width:901px; background-image:url(Images/sidebar_1.jpg); background-repeat:repeat-y; } #header { height:120px; width:900px; background-color:Black; float:none; color:Black; } #mainnav { height:20px; background-image:url(Images/bg_2.jpg); background-repeat:repeat-x; background-position:bottom left; } #spacer { float:left; width:160px; } #leftbar { float:left; width:160px; color:Black; background-image:none; } #content { margin-left:160px; color:Black; padding:5px; background-color:Gray; min-height:30em; } /* Navigation */ ul#mainMenu { list-style-type:none; padding:0px 35px 0px 10px; margin:160px; display:inline; } ul#mainMenu li { text-align:left; float:left; } ul#mainMenu a:link, ul#mainMenu a:visited { background-image:url(Images/bg_2.jpg); background-repeat:repeat-x; background-position:bottom left; padding:0px 35px 0px 10px; border-right:solid 1px gray; text-decoration:none; font-family:Arial Verdana Sans-Serif; text-align:left; text-transform:uppercase; font-size:1em; color:Black; font-weight:bold; display:inline; } ul#mainMenu a:hover { background:url(Images/bg_3.jpg) repeat-x top left; text-decoration:none; font-family:Arial Verdana Sans-Serif; text-align:left; text-transform:uppercase; font-size:1em; color:Black; display:inline; } ul#sideMenu { margin:0; padding:0; list-style:none; width:160px; } ul#sideMenu li { display:inline; } *html #sideMenu a { height:1px; } ul#sideMenu a:link, ul#sideMenu a:visited { background:url(Images/sidebar_1.jpg); background-repeat:repeat-y; border-bottom:1px solid gray; padding:15px 10px 15px 10px; text-decoration:none; font-family:Times Verdana Sans-Serif; text-align:Center; text-transform:uppercase; font-size:.8em; color:Black; font-weight:bold; display:block; } ul#sideMenu a:hover { background:url(Images/sidebar_2.jpg) repeat-y; text-decoration:none; font-family:Arial Verdana Sans-Serif; text-align:Center; text-transform:uppercase; font-size:.8em; color:Black; font-weight:bold; display:block; } Hi ppl I have developed a login page which validates the values from the database. When i log out...the login screen is displayed again.. but if I press Back button in the explorer, the previous logged in page is displayed again.. How do i avoid this problem? I have a photoblog site that I use PixelPost on. I updated the theme and, for some reason, the About page isnt showing the footer like the other pages are. This is how the footer is SUPPOSED to be: http://www.sthompsonphoto.com/galler...owse&pagenum=1 and this is how its displaying on the About page: http://www.sthompsonphoto.com/gallery/index.php?x=about Its all shoved into the main DIV and I cant figure out why. Also, there is a line at the top of the main DIV that wont go away. Im pretty new at all this so Im sure its something that Im overlooking. Any help would be great! Thank you! everything to the same site as my previous one (http://brett.unixpod.com) looks fine in IE but in firefox and safari (the only other 2 browsers i have) its missing the main table background and the main table background-color. what could be rong??? Hi Guys I got a problem I'm trying to embed a html page in my joomla page but it will not fit in right and the colors don't mach this is the page I'm trying to fit in http://www.quebec-ufo-research.com/R...ndex%20QC.html and this is the link where the page should go. http://www.quebec-ufo-research.com/i...id=52&Itemid=2 As you can see the colors are of and the page goes to fare to the right. NowI tried to change the tab to a lower number <TABLE CELLSPACING=1 width="707"> to 200 to check if it would work but it doesn't.Can anyone please help me with this. Thanks Fixed it =] Hello Here i am asking another question :S , anyways i need some help ! so installed SMF (smiple machine forums) to my site and i want to get this slider running http://www.bluedevilcustoms.com/comm...pic,182.0.html There is a guide there but i do not understand as i am learning the basics of web designing at the moment :/ can some one tell me what exactly i have to do here or do it for me ? (Sorry im asking for too much) But i need some help fats PS-You can pm me if you wanna do it for me Thanks a lot Hashen Ok, I am desperate for some advise / help. I work for a non-profit agency, and have created a website for an event we have yearly. This website works perfectly and views great in internet explorer 7, however, the text falls off the page at internet explorer 6. I have asked friends, who had me try different things, none of which have worked. If anyone has any advise please let me know. My other option is to rewrite this completely, or find a simple template and re-create this. The website is www.autoshow4arthritis.com Thanks so much! heres the problem the pages http://wax-bar.ca/about/index.html and http://wax-bar.ca/contact/index.html wont work in internet explorer. The rest of the website works just those two pages dont work. I would reallly appreciate any help you can provide. thanks in advance! I we see its result we get so much top and bottom space just this code: code: <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#00FFFF"><h1>Hello</h1></td> </tr> </table> I want to remove top and bottom space. any help Hey all, if you go to my blog http://myalternativemind.net I added this code: Code: <div id="nav"> <a href="http://link1.com">link1 title</a> | <a href="http://link2.com">link2 title</a> | <a href="http://link3.com">link3 title</a> </div> And this CSS Code: Code: div#nav { font-size: 15px; margin-top: 10px; padding: 10px; margin: -20px -20px 30px -20px; background-color: #000; } div#nav a { color: #7C7C7C; text-transform: uppercase; text-decoration: none; } But it stretched out the bottom portion of my blog, and made it unreadable. all I was trying to do was add custom links on it. Can anyone check my source and help me out? Thanks. Dear members, I am not very good in HTML programming so please accept my apologizes if my question is very simple. I have a website called loonu.com. In IE7,IE8,Chrome,Firefox,Safari etc.. its mainpage (www.loonu.com) is shown exactly how i want to, whereas in IE6 it looks terrible. My question is, according to your experience is my mistake so obvious because i can not see it. Thanks for your help. I am working on a website for work and thought it was all kosher and ready to go. I sent it to our VP and he came back and said that things looked a little wonky. Having tested it in both IE and FF, I was shocked. However, he has IE 7.0 and for some reason it's all over the place when using that version. Here is the website: http://www.mtesc.org Any help would be greatly appreciated as the problem needs to be fixed and I cannot figure out what to do to fix it! I just started learning Dreamweaver, (which is what I used to create this site) and I am familiar with some html/css but not enough at this point to fix this problem. Thanks in advance for any help!!!! |