HTML - Naviation Problem
Ok this is the Navigation bar on the left side of my index...
Now I want this for every page on my website ... how can i do this without adding this to every page manually? Quote: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Blah!</title> <link rel=stylesheet type="text/css" href="style.css"> </head> <body bottommargin="0" leftmargin="0" marginheight="0" marginwidth="0" rightmargin="0" topmargin="0" background="background.jpg" text="#EAF5FF"> <table width="100%" height="94" cellpadding="0" cellspacing="0" border="0"> <tr valign="top"> <!-- the LOGO is below, edit blanklogo.jpg / or .psd and save as a different name to create a logo. Then change the src="" below to the new file name --> <td width="246" height="94"><img src="templogo.jpg" width="246" height="94" border="0" alt=""></td> <!-- END OF LOGO -----------------------------------------------------------> <td width="368" height="94"><img src="topbar1.jpg" width="368" height="94" border="0" alt=""></td> <td width="100%" height="94" background="topbar1bg.jpg"> </td> </tr> </table> <table width="100%" height="91" cellpadding="0" cellspacing="0" border="0"> <tr valign="top"> <td width="613" height="91"><img src="2maincolorarea.jpg" width="613" height="91" border="0" alt=""></td> <td width="100%" height="91" background="2maincolorarea_bg.jpg"> </td> </tr> </table> <table width="100%" height="33" cellpadding="0" cellspacing="0" border="0"> <tr valign="top"> <!-- IMPORTANT.. edit blankbutton1.jpg or .psd and save as a different name to create the FIRST button on this menu. Then change the src="" below to the new file name. The blankbutton.jpg is a different graphic and shouldn't be edited for placement here --> <td width="246" height="33"><a href="index.html"><img src="tempbuttons/button1.jpg" width="207" height="33" border="0" alt=""></a></td> <!-- end of first button code --> <td width="368" height="33"><img src="3buttonarea.jpg" width="427" height="33" border="0" alt=""></td> <td width="100%" height="33" background="3buttonareabg.jpg"> </td> </tr> </table> Similar TutorialsI would like to create my web navigation using photoshop aswell as other menus but im unsure how to embedd them into html For instance, i remeber seeing tutorial were a guy created a simple vertical blue navigation with slices for each link, then used HTML to put them together in his page. I could not find it so i came here. 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 Hi Could some one please have a look at the code for this site for me as it displays perfectly in IE6/7 but is so far off the mark in firefox, not tried any others. http://www.scottishconsumercredit.com/_dev_colin I can't see where I am going wrong thanks Im trying to get an image above my buttons but its not working .. It works when i do Code: <center> <img src="http://i226.photobucket.com/albums/dd131/kutakun/profile-1.png" width=600 height=100 border=0 alt="" title=""> </center> But shouldn't the css i made do it for me? HTML CODE ( Profile.html) Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Profile</title></head> <head> <link href="myStyle.css" rel="stylesheet" type="text/css" media="screen" /> </head> <style type="text/css"> <!-- body { background-color: #669999; background-image: url('http://i226.photobucket.com/albums/dd131/kutakun/backgound2.png'); background-repeat: no-repeat; background-position: center; background-position: top; #nav td {vertical-align: top; width: 94px; height: 42px; padding: 0px; margin-top: 150px;} #nav {padding: 0px; margin: 0px auto; border: none; text-align: center;} } --> </style> </head> <!-- MENU BAR --> <table id="nav"> <tr> <td> <div style="margin-left: 285px; margin-top:150px; padding: 0px;"><img src="images/home.png" alt="" border="0"></div> <td> <div style="margin-left: 20px; margin-top: 150px; padding: 0px;"><img src="images/gallery.png" alt="" border="0"></div> <td> <div style="margin-left: 20px; margin-top: 150px; padding: 0px;"><img src="images/support.png" alt="" border="0"></div> <td> <div style="margin-left: 20px; margin-top: 150px; padding: 0px;"><img src="images/contact.png" alt="" border="0"></div> <td> <div style="margin-left: 20px; margin-top: 150px; padding: 0px;"><img src="images/forum.png" alt="" border="0"></div> </td> </tr> </table> </body> </html> CSS CODE ( myStyle.css ) Code: #logo { width: 600; height: 100; background: url(http://i226.photobucket.com/albums/dd131/kutakun/profile-1.png) no-repeat; } Hello, I am new in html and I am trying to create my website. I try to do this: index.html: HTML Code: .... <body> <div id="_pi"> .... </div> </body> mycss.css: HTML Code: #_pi { margin: 0 auto; background: #f4f4f4 url(../images/bg.gif) top center repeat-y; width: 100%; height: 100%; } When I open with internet explorer my site the <div id="_pi"> is not full screen, It has an empty space like header and footer. Why, And how I can fix it? 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! Hi The div with background-color:blue is higher than the defined 500px in IE6. How can I fix this problem? Thanks for your hint. Patrick Code: <body style="margin-top: 0px"> <div style="background-color: #CCFFFF; width: 960px; height: 900px; margin-left: auto; margin-right: auto; margin-top: 0px"> <!-- the following div is to high in IE6 --> <div style="width: 960px; background-color:blue; height:500px;"> <div style="width: 960px; height: 5px; background-color: #FFFFCC; font-size: 0px"> </div> <div style="width: 960px; height: 62px; background-color: #CC99FF"> </div> <div style="position: relative; width: 489px; height: 318px; z-index: 1; left: -21px; top: 52px; background-color: #ffffff; border: 1px solid #5D5D5D;"> </div> <div style="position: relative; width: 489px; height: 318px; z-index: 2; left: 490px; top: -223px; background-color: #ffffff; border: 1px solid #5D5D5D;"> </div> </div> </div> </body> Website Website Files (if needed) I'm making a website for my web design class. I've run into an annoying problem. It seems this div container "blocks" me from typing any text under the image. How do I fix this? hi..this is Ankit i have a one html Flash Template This Type > See here when i upload that SWf files in My Website [They see This Type] ______________________________ please..! help me...! hey guys, if someone could help me out with a problem I am having with server side includes it would be great. Here is the summary: Running Dreamweaver CS4 the page can be seen he www {DOT} savannahinjury {DOT} com/index.shtml As you can see on the left areas above practice areas, that should be aligned all the way at the top, and on the top right.. or down the entire right side for that matter there is space when there should not be. Can anyone tell me why this is? If I dont have the SSI it does not do this. hi, I am facing a a problem in setting background color for my web page. I have defined body as below in CSS : BODY { BACKGROUND: #4d662c } In IE7 it looks as desired (light bottle green)..In FF and Opera also it is acceptible. But IE6 displays it as dark green color. Can anybody suggest me a solution to make the color appearance same throughout all the browsers? Regards, html_jaas I have a problem. I am very sorry if this is a noob question. It is hard to explain but I will use screenshtos. go to http://larspedia.webs.com/just.htm I want the banners on the same line! (this is just an example. The real site shall have Text in the center and banners at right and left) heres a screenshot of how i want it: http://larspedia.webs.com/just2.htm Can you please TRY to help me????????+? After checking the classes I found out it was my menu class that is causing this problems. If I removed the menu class and everything in it the content lines up to the top. As soon as I put it back though the problem comes back so it is a problem with that. I am not sure how to fix this though and it seems this is only a problem with IE 6. The problem is on the page below http://www.mesquitechristmas.com/loc...play.php?id=81 Here is the CSS for the div menu that is causing the problem. #menu { clear: left; float: left; } This is the only page in the entire site that has this problem. Also if I change the tables within the content div to px instead of % I don't have this problem. Very strange, can anyone help me out with this? -Thanks I'm designing this site http://www.vom.com/graphico the opening page looks just fine in Safari, Mozzilla, Internet Explorer for OS 9 in Mac Internet Explorer in OSX Mac, Firefox on both Mac and PC but the table in the bottom frame will not line up with the table in the top frame using Internet Explorer for PC. There have been numerous other problems also such as paragraphs turning into 2 word colums etc, but only when viewing in Internet Explorer on the PC. It just drives me nuts. This is very simple html coding. I'd love to get the opening page right as it will be the template for all other pages. HELP! i have a problem with my img tag i made a menubar (which is probably to big) and one of my images isn't showing i don't know where i messesed up you can veiw my site http://www.pokebomb.co.cc and try to find the problem or download it as an attachment it would help alot if you can figure out what is wrong and the site isn't 100% done (obviously) Reference: http://jlmechanicals.com/index.php So if you use IE 8 or FF, page loads as it should. Now, in IE 7: If you look in between the red and gray boxes, you will notice that there is a horizontal double gradient (that gradient is absent above and below the red boxes). The horizontal double gradient is set as the background for the <body> tag with repeat-y. Now, you need to look REALLY CLOSELY, in IE 7 only, at the very very bottom of the page, you will notice that the horizontal gradient produced by the background image for <body> is there (if you don't see it look closely, it can blend in really well with the bottom toolbar of internet explorer depending on what your color scheme is). Bottom margin for <body> is set to 0, and all other browsers obey except IE 7. So how do I fix this in IE 7? Thanks! www.esseveeforum.be/sv/ i tought this site was looking good until i tested it in IE6 :s -> there's no background in the iframe -> there are scrollbars -> the spacer appears twice + the content doesn't stretch with the inserted text, i have an iframe which leads to 'home.htm', when there's much content in that file the site doesn't stretch with it Can anyone plz help me? and it once again has been proven IE SUCKS! Edit: i also placed it under CSS cos it could be a CSS problem aswell. Hello every1! I have a noob question (I guess). Just starting to build my first site Code: <table> <tr> <td></td> <td></td> </tr> <table> The thing is, both elements height <td></td> is depending on the content, which may vary, I cannot specify height in the code. how to make the second element <td> display at the same height as the first one. If the content of the first has 100px and the second only 50px i want them to be both 100. Hope U understand sorry 4 my english. Hi guys Espescially to those that are Pro or Experienced user in imageready slices, image mapping, and HTML. I really need a serious help on this. Hope you'll help me with this. Well... I created my site using Microsoft Frontpage at home and its almost finished (only the contents that I will put, the flash banner and this problem) I made an image sliced (dunno if thats the term you are using) navigation bar using Photoshop with imageready. Its hover effect is changing the image button when you place your mouse on top of it . I made it and it works! I've put it in my webpage by uploading it in MS Frontpage. I saved it and test it and it works. Seems like I don't have any problems right? but too bad because my real problem is this: 1. The navigation bar works but it is Client sided 2. I tried changing the directory of the images folder. changed the code, for example images/home_over.gif to the directory of the file C:\Documents and settings\user\desktop\mysite\images\home_over.gif and guess what? It didn't worked!!! I havent uploaded my site on the net cause I know it will still have the same problem. 3. I tried erasing the java script code and do what I've done above and it also didn't work 4. I've placed both the html file and the image folder in the same folder and it works thats why I came to a conclusion that they both need to be in the same folder. BUT!!! how if I upload it in the site manager of a free web hosting? I think it wont work... Those are the things I tried. I will try to upload the webpage and the image folder in the freehosting site both on the same directory or folder and see if it works (I dont think it will work because what I've done in #2 and is similar to this) I would also ask how to upload a flash movie in a webpage... I have uploaded the webpage on the net and the image files for you guys to see it and test it: try downloading those and save in the same folder in your computer and i think it will work. the webpage is: http://rapidshare.de/files/36048595/index.html index2 (it has some CSS cause I changed the save type to this one inimageready): http://rapidshare.de/files/36048641/index2.html the image folder is: http://rapidshare.de/files/36048429/images.rar.html the buttonimage folder is (for index2): http://rapidshare.de/files/36048531/buttonimage.rar.html I haven't change anything in the code. If you managed to solve my problem, please change the color of the codes that i need to change. Thanks for reading this and I hope you will help me... index (html the deafault save type in imageready) index2 (it has some CSS, I changed the save type for this) |