|
HTML - Novice/rookie Needs Minor Help
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; } Similar TutorialsIm working on helping a good friend of mine update/clean up her site. I know basic HTML but not enough to do some basic changes. Not looking for a free ride...what so ever. Just some assistance. www.AZAUTOTRENDS.com is the site im looking to clean up. Ive done quite a bit already but just stuck on some things. Where is one to go to find some one for some help and direction? Thanks Aaron Aaron636r@yahoo.com Hello, I have already build a website and I only need to upload to my url: www.grupofdi.com I am using a mac server. First I thought I was supposed to paste the website files to /Library/Webserver/Documents. By doing this I am now able to see the website if I type localhost on Mozilla but if I go to my webpage I will see the same Apache information. This message can be currently read in the website: If you are the website administrator: You may now add content to the directory /var/www/html/. Note that until you do so, people visiting your website will see this page and not your content. To prevent this page from ever being used, follow the instructions in the file /etc/httpd/conf.d/welcome.conf. I guess I should now add content to that directory but I dont even know how to find it using a mac. I am kind of a noob with mac to and I guess this is a easy question I just need some help to get going here. Thanks for you help! I have kind of been learning html and css in a light sort of way and have made a few very basic pages. I want to move on and improve on this and I started out by looking at the source codes of some professional pages. Here is an example: http://www.nhk.or.jp/hagetaka/ I really like the design of this site but cannot understand the source code. Can anoyone tell me if anything other than html and css is used to make this page? Because for me making something like this is ideal please any advice? I am an old COBOl guy so excuse the rookie nature of my question. I have an HTML document that contains Text and a .jpg image. After i changed the text, the image is no longer visible. What do i need to do to get the image back? I assume i am missing some kind of link or compilation? Thanks 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. Hey 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! 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. 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! hey! i wonder if any one can help me out? scroll a little way down this page www.myspace.com/tonyvincent and on the left you will see 4 (clickable) album covers with their 'buy now' and 'itunes' buttons underneath each one. what i want to do is to make it so that the album covers (and their buttons) (instead of being listed one under another) form a box / square type shape. two colums with two in each if you like. can anyone help me code this? i've no idea how to line images up side by side many thanks in advance for any guidance ing x this is the code as it is now.... <a href=http://cdbaby.com/cd/tonyvincent><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent152x152.png" ></a><br>A Better Way EP<br>Released 2007<br><a href=http://cdbaby.com/cd/tonyvincent><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=264239517&id=264238232&s=143441"> <img height="15" width="61" alt="Tony Vincent - A Better Way - EP" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif"></a> <p> <a href=http://cdbaby.com/cd/tonyvincent2><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent2152x152.png" ></a><br>One Deed<br>Released 1997<br><a href=http://cdbaby.com/cd/tonyvincent2><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=268702344&id=268701898&s=143441"> <img height="15" width="61" alt="Tony Vincent - One Deed" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif"> </a> <p> <a href=http://cdbaby.com/cd/tonyvincent3><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent3152x152.png" ></a><br>Tony Vincent<br>Released 1995<br><a href=http://cdbaby.com/cd/tonyvincent3><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=269107343&id=269107333&s=143441"> <img height="15" width="61" alt="Tony Vincent - Tony Vincent" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif"> </a><p> <a href=http://cdbaby.com/cd/tonyvincent4><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/tonyvincent4152x152.png" ></a><br>Love Falling Down EP<br>Released 1993<br><a href=http://cdbaby.com/cd/tonyvincent4><img src="http://i50.photobucket.com/albums/f346/tonyvincentworld/Btn_BuyNow.gif" ></a><br><br><a href="http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewAlbum?i=269107344&id=269107340&s=143441"> <img height="15" width="61" alt="Tony Vincent - Love Falling Down" src="http://ax.phobos.apple.com.edgesuite.net/images/badgeitunes61x15dark.gif"> </a> Hiya I am designing my first website for a charity. I have learnt simple HTML but not that good yet so I am confused on two things: 1. Why can't I see my images, I have been building my site offline and linked to where the images are saved. The other day I could view them and today I can't, I have checked several times that the file route is correct and it is. So why do they just come up with a box and small red x? 2. How do you make words (such as menu navigation) change colour and pop out when you hover over them? I hope I have posted this in the correct place, forgive me if I haven't but I did not know where else these questions should do. Any help you can give and also sites that have cool example codes would be great. Thank you in advance Michaela Good afternoon, I am trying to design my own template for Constant Contact, so I can get away from paying a design fee andstill have a good looking template. Anyways, when I view the template I made using Serif PagePlus it looks good, however when I email it to myself from constant Contact all the images are viewed in one row, one by one. I believe the problem is with the code: <div style="position:absolute; left:2px; top:2px; width:797px; height:151px;"> Can you please help solve my hair pulling issues with the absolute postioning. Good afternoon, I am trying to design my own template for Constant Contact, so I can get away from paying a design fee andstill have a good looking template. Anyways, when I view the template I made using Serif PagePlus it looks good, however when I email it to myself from constant Contact all the images are viewed in one row, one by one. I believe the problem is with the code: <div style="position:absolute; left:2px; top:2px; width:797px; height:151px;"> Can you please help solve my hair pulling issues with the absolute postioning. Good afternoon, I am trying to design my own template for Constant Contact, so I can get away from paying a design fee andstill have a good looking template. Anyways, when I view the template I made using Serif PagePlus it looks good, however when I email it to myself from constant Contact all the images are viewed in one row, one by one. I believe the problem is with the code: <div style="position:absolute; left:2px; top:2px; width:797px; height:151px;"> Can you please help solve my hair pulling issues with the absolute postioning. Hello, im working on a small website project for me and my coworkers, none of us are very good with HTML and i'm trying to figure out something that I am sure is probably a simple thing to people that know this stuff. I have two forms, "box1" and "box 2", and I want both of the inputs to save to a text file when the person entering hits "submit". I'd also like the "submit" button to redirect to another page following the saving of the inputs to the text file... i'd apprecate any help you can give me Ive been searching google for a while but its just confusing me. I am running into a wall trying to add a sidebar to my tumblr blog. muttonpizza.com I could play with the html code enough to tweak my blog (mostly through trial and error and picking things up on w3schools.com). But I want to add a top left sidebar with the "About this Blog" box I now have at the bottom of my page. And maybe a right sidebar with links. I've done a lot of Googling for help and trying different codes I've found to get this but I just don't have the code right and I cannot figure out where to place it in the code page. I do not have a sidebar at present. I know this should be easy (everything is easy when you know how:-) But I just can't get it to work. First, please tell me how to post my code here. (Could not find it in FAQ) Ok, so I need help coding a mouseover feature for a few graphics heres a few screen shots to show what I need to do mouse OFF mouse ON here are the image sources in order of appearance: pink off : http://andrewsass.squarespace.com/storage/phone_off.png pink on : http://andrewsass.squarespace.com/storage/phone_on.png orange off : http://andrewsass.squarespace.com/storage/email_off.png orange on : http://andrewsass.squarespace.com/storage/email_on.png green off : http://andrewsass.squarespace.com/storage/skype_off.png green on : http://andrewsass.squarespace.com/storage/skype_on.png LINKS for graphics pink : www.whitepages.com orange : (link to my email) <____A HREF="mailto:andrew@sassnyc.com"></A> green : www.skype.com ANY help developing a code would be GREATLY apreciated, Thanks! I'm sure that title was kinda confusing, but what I meant was how is this achieved? Typing this into your address bar and opening: www.mywebpage.com/about/ This doesn't work for me; I don't know how to do it. I have tried putting a index.html in the /about sub folder, but it still doesn't work. I apologize if I have not explained this sufficiently. How do I figure out the lenght of the page (content, not browser window) so that I can make all of my regions line up at the bottom? I noticed that % in the height attribute is related to the window not content. I have also tried auto, but that is different for different content. My page has an outside region, a left nav bar and a content region, and I don't know how to make the bottom line up without tables. Sorry if this is confusing. Thanks in advance. Morning all, I am workign on a small intranet for my department at work. In creating it, this project has slowly snowballed into a larger project. Like most anything we do in life The issue I am having, in the front screen, they would like to show our monitoring software, so at first glance you can tell if any servers are up or not etc. using iframes in design mode, it looks great. But when I view the page, the website I am calling in the iframe takes over the whole page. Below is the code, is there any fix or even so a better way of doing this? Code: table border="0" width="97%" id="table1" cellspacing="0" cellpadding="0"> <tr> <td width="1063"> <table border="0" cellspacing="5" cellpadding="5" align="left" style="border-left-width: 0; border-top-width: 0; border-bottom-width: 0; width: 74%;" id="table2" height="412"> <tr> <td style="border-right-style: solid; border-right-width: 1; border-left-style:none; border-left-width:medium; border-top-style:none; border-top-width:medium; border-bottom-style:none; border-bottom-width:medium; width: 90%;" valign="top"> <p class="MsoNormal" align="left"> <iframe src="https://btdhcp" height="400" width="800" frameborder="0" scrolling="yes"></iframe></p></td> </tr> </table> Any assistance or guidance would be greatly appreciated. Orion |
|||||||