|
HTML - Html/css Difficulty
I'm having trouble with my web page. I can select the menu/navigation text, but I'm unable to select the body text. I have looked over my coding so many times and I'm just not catching the error, and was hoping I could get some fresh eyes. Here is my html and css code:
Code: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="stylesheet.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="top"> <div id="header"><img src="title.gif" width="408" height="50" /></div> <div id="menu"><strong>HOME - ABOUT - PORTFOLIO - CONTACT</strong></div> </div> <div id="image"></div> <div id="body"> <h2>Header</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sodales nisl a velit elementum gravida. Etiam turpis nisi, malesuada ac varius eu, elementum at diam. Praesent arcu sapien, molestie a hendrerit eget, pulvinar quis mi. Mauris ut diam massa. Mauris ac purus risus. Mauris faucibus rhoncus pretium. Nulla vel leo vel justo interdum ullamcorper quis in tellus. Nunc pulvinar dui in tellus consectetur facilisis. Curabitur interdum aliquam mauris eu ultricies. Ut ac velit sollicitudin enim egestas semper id mattis turpis. Nullam pharetra sapien ac ipsum ullamcorper dictum. Proin ac aliquet sapien. Integer pellentesque tellus in odio lacinia id pharetra diam pharetra. Nam sagittis placerat nulla eu interdum. Pellentesque vitae orci erat, eu ullamcorper orci. Aliquam erat volutpat. </p></div> <div id="footer"></div> <div id="footer2"></div> </div> </body> </html> Code: @charset "utf-8";
/* CSS Document */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#top {
background-color :#000000;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: 100px;
position: fixed;
}
#header {
width: 528px;
left: 50px;
top: 50px;
right: 0px;
bottom: 0px;
z-index: 4;
position: fixed;
}
#menu {
left: 560px;
top: 72px;
right:0px;
bottom: 0px;
z-index: 3;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
position: fixed;
text-align: left;
vertical-align: middle;
color: #FFF;
font-weight: bold;
}
#image {
left: 0px;
top: 100px;
right: 0px;
bottom: 0px;
position: fixed;
width: 100%;
height: 10px;
background-color:#F00;
}
#body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
left: 52px;
top: 210px;
right: 0px;
bottom: 0px;
position: fixed;
width: 778px;
z-index: 1;
}
#footer {
left: 0px;
top: 600px;
right: 0px;
bottom: 0px;
width: 100%;
height: 10px;
background-color: #F00;
position: fixed;
}
#footer2 {
left: 0px;
top: 610px;
right:0px
bottom: 0px;
width: 100%;
height: 100%;
background-color: #000;
position: fixed;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
Thanks for any and all help and suggestions! Much appreciated! Similar TutorialsIt seems this is showing in every browser as incorrect. The text is showing below the table when it should be left aligned below the mission tab in the white background. http://billslawnandlandscape.com/test/ Hi, I want to fade/dissolved text that is on top of an image. The problem with many dhtml and javascript is that they simply change the color of the text to make it look like the text has disappeared. This works if we are using a single background colour. However, with images, this will not work. Is there a way I can make the text disappear from an image using dhtml/javascript? I just upgraded all my .HTML pages to .PHP . But now I noticed that when my pages pull up in the search engines like Google, Yahoo, and MSN. They still show the old .HTML links?? When they click on the webpages from the search engines results you get error 404 page cannot be found. How can I update the search engines or add code to my page so the search engines will reflect the new .PHP pages. Also it's been over a good week since I've update to .PHP Thank you all in advanced!! My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the code: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> Hi, so I'm trying to make this e-mail newsletter. It's entirely images, tables and text. So no javascript, just plain stuff. I tried attaching it as a signiture file and I had trouble sending it. It also didn't come out right. I'm trying to avoid using a software. Its basically just a block of HTML I need to show up as the only content in an email. If you just put HTML into a email text field, it just shows the HTML code in the email as text. Any ideas? As the title states I've been using Microsoft Word 2000 to create my web page but now want to make a simple no frills html HTML document. Is there a simple and quick way to do it ? I know I can simply create a new HTML document and then just copy and paste the links but is there a utility that can do this ? Many thanks Hi everyone, I've been searching around the web trying to find out how I can send using Outlook a html and text email newsletter automatically. I am quite happy creating html only newsletters, and text ones for that matter, but I have been digging and believe that by using multi-part code I can send to both and the recipients email client "allows" whichever version to be displayed - does this sound right? I'm hoping to simply create the html with the relevent mime references and boundaries (dont know what they are but have seen them on enough Google'd pages to know that they mean something!) and then copy and paste into Outlook - the newsletter is only going out to a few people at a time. Any suggestions or advice would be very greatly appreciated. Regards Allan Hi everybody, I've invented a means of converting HTML to keywords. http://4nf.org/tool/ What do you think of it? Any kind of feedback is greatly appreciated! Thanks in advance and kind regards I am still new to the web page world, but the website I originally created (in japanese) was passed on to a programmer. He did a lot of "upgrades" to the site so he says, but he left. Now I am in charge again of re-modeling the site. The problem is I am trying to figure out why there are so many dead links. I have looked up and down the server, but can't find anything. Ok before I confuse anyone else here is what I am talking about. For example this page that I originally made : Code: http://www.discoveryfirm.com/tokushu/index.html cannot be found but if I take of the end: http://www.discoveryfirm.com/tokushu/ the page is there. Now I am trying to fix a lot of dead links, but I cannot figure out what the programmer did to the site. I am still new to all the high-tech features in the web world. Could somebody please explain. Hello Everyone, Please help in build the code for the site , the layout should be as the below layout , I need to submit this by today EOD. Image Link1: http://8648180184665331224-a-1802744...attredirects=0 Image Link 2: http://8648180184665331224-a-1802744...attredirects=0 Please mail me the code ASAP. Thanks and Regards, ceenuu2002@gmail.com i just started working on addicted2ally.com, and for some reason, my index.html is showing the text of the html instead of well, doing it lol helppp!? I need a simple example to take input, and give an output, such as input: height weight output: body BMI thanks Hello Friends, I need a tool which can remove HTML comments from an HTML page. I don't want to create a regular expression to remove HTML comments rather I need a tool which should have command line support also so that it can be integrated with build process. Please advice. Thank you. hello i have a page 'gallery.html' that i want to show up when the URL www.site.com/gallery is requested. how do i achieve this? thanks in advance rlbw Hello everybody, I'm new here. I'm redesigning my own website and came up with some tricky situation. I write HTML lessons and I want to put just the pure code in my posts, but they appear as a regular html document... How do I make the code to be shown just as text (code), like we do in the forum boards (code tags or whatever)? I have read a lot of the posts on this subject, but have not found an answer to my problem. I am rebuilding my site and renaming/moving some pages; most will stay with the same name/location. My site is hosted on a windows server (godaddy,) and I do not have access to IIS manager and the windows server does not do php. I have good coverage by search engines worldwide, and I'd like to keep it. All help much appreciated. Hi all, I've just joined your forum today as I've got a problem I can't seem to resolve with my tumblr html. I'm not sure whether any of you are familiar with tumblr, but it's basically a social networking blogging site. First of all, my url is http://king-of-diamonds.tumblr.com/ I have edited the html of my page a lot but there is one problem that I can't fix: If you have a look at my blog, you will notice that between the posts there is a little white line/space that I have tried my best to get rid of. Does anybody know how I can get rid of it? You can have a look at the html of my blog (currently) by clicking this link. Thanks in advance! Can I put an HTML page within a html page in a table? I have this template that I need to email to people, it will not be on my website. Wow ever I need to change the information in one table every few days. The information is live I think it's called. It's like if I place google adsense in that table and decide to change it to ad-clicks later, I can't send everyone a new template, I need to be able to change just the information within that table. I'm going to go read up on frames, haven't used them in years. Any ideas! ~eDee How to create explorer like menu in Html or java script? eg + Game(inside this Cricket and Football) when click on + sign it become like-- - Game -Cricket -Football Can anybody suggest me, by which command I can do it? Commercial Removals || Removals and Storage||Specialist Removals Dear Forum-goers, If I knew what to search for I would, but I don't know what this idea is called. I want to create a website with code that does the following: <body> (INSERT FROM OTHER HTML FILE: Page introduction) (INSERT FROM OTHER HTML FILE: Content) (INSERT FROM OTHER HTML FILE: Sidebar) </body> Is there a way to do this? If not, then okay. I've tried using <link />, which doesn't do the job. You'll see the line in question in blue font: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>This is the main page.</title> <link type="text/css" rel="stylesheet" href="journal.css" /> </head> <body> <link type="text/html" rel="content" href="tobelinked.html" /> </body> </html> |
|||||||