|
HTML - Design Question:beginner
Any way to make the potential links at the top and bottom of this page look a bit smoother, or fitting. Any help or suggestions in greatly appriciated.
Code: <html>
<style type="text/css">
ul
{
text-align:center;
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
width:6em;
text-decoration:underline;
color:yellow;
background-color:blue;
padding:0.05em 0.3em;
border-right:1px solid white;
}
li{display:inline}
</style>
<body bgcolor ="bisque">
<hr style = "color: green; height:3;width 50%"/>
<ul>
<li>
<a href = "Menu.html" target="_top" style = "font-size:large;">Menu</a></li>
   
<li>
<a href = "cater.html" target="_top" style = "color:blue;font-size:large;">Catering</a></li>
   
<li>
<a href = "comment.html" target="_top" style = "color:blue; font-size:large;">
Comments/Suggestions</a></li>
   
<li>
<a href = "http://www.mapquest.com"
target="_blank" style = "color:blue;font-size:large;">Directions</a></li>
   
</ul>
<hr style = "color:green; height:3;width 50%"/>
<center><img src="logo.jpg" alt="image description" height="400" width="550"></center>
<hr style = "color:green;height:3;width 50%"/>
<a href = "Menu.html" target="_top" style = "color:blue;font-size:large;">Menu</a>
   
<a href = "cater.html" target="_top" style = "color:blue;font-size:large;">Catering</a>
   
<a href = "comment.html" target="_top" style = "color:blue; font-size:large;">
Comments/Suggestions</a>
   
<a href = "http://www.mapquest.com"
target="_blank" style = "color:blue;font-size:large;">Directions</a>
   
<hr style = "color:green; height:3;width 50%"/>
</body>
</html>
Similar TutorialsHey everyone, I just started learning HTML and I am working my way through "Head First HTML With CSS & XHTML". My question is why does the text in the <p> tags show up as it would in <h1> except for under "Mocha Cafe Latte"? Code: <html>
<head>
<title> Starbuzz Coffee Beverages</title>
<style type="text/css">
body {
background-color: #d2b48c;
margin-left: 20%;
margin-right: 20%;
border: 1px dotted gray;
padding: 10px 10px 10px 10px;
font-family: sans-serif;
}
</style>
</head>
<center><body>
<h1> Starbuzz Coffee </h1>
<h2>House Blend - $1.49<h2>
<p>A smooth, mild brend of coffees from Mexico, Bolivia and Guatemala. </p>
<h2>Mocha Cafe Latte - $2.35 </h2>
<p> Espresso, steaming milk and chocolate syrup. </p>
<h2>Cappucino - $1.89 <h2>
<p> A mixture of espresso, steamed milk and foam. </p>
<h2>Chai Tea - $1.85 <h2>
<p> A spicy drink made with black tea, spices, milk and honey. </p>
</body></center>
</html>
Thanks in advance. Greetings and good cheer... I have what I imagine to be an extremely basic question. My href codes doesn't work in firefox. They work fine in IE. Sample code: <a target="_blank" href="http://www.skateboardingbulldog.com/tyson_skating.WMV" ><font color="red" face="Trebuchet MS" size="2">5.20.04 Tyson</i> </font></a><br /> Is the problem in the "_blank" ? The "<br />" Is it somewhere else? All assistance greatly appreciated, and duly thanked in advance! ~p.l. How can I reuse templates to build my web site instead of copy paste the top in each single page ? Is it possible only using an authoring software such as dreamweaver ? thanks Hi... I am using an application that delivers data in the form of HTML tags (example: ^vst843^). I use these tags in an HTX file which writes to an HTML web page. I'd like to use Ajax to update the tag values without refreshing the page, but from what I understand I must write in Javascript to use Ajax. Am I right about this? If so how can I use the HTML tags coming from my application in this way? Thanks. Hello everyone, I am newbie here. Can someone please tell me what is the HTML code for changing a color when my pointer point to the specific area? For example, when I point my pointer to the "Go back back one page" of Mozilla Firefox web browser, the color is changing from dark green into bright green. Thank you very much in advance Ahyoo i have a website, http://www.what-the-news.com, and i am trying to get my medium rectangle ad to show up just to the right of my videos. Everytime i put in the align right code it drops down below the video like the leaderboard banner, which is currently there. Here are the codes i'm using: <p><div align="right"><script type="text/javascript"><!-- google_ad_client = "pub-8909561621860243"; google_ad_width = 200; google_ad_height = 200; google_ad_format = "200x200_as"; google_ad_type = "image"; google_ad_channel = ""; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> Any help will be huge, Mark My Html code is as follows: HTML Code: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Services - Wellington Florida Lawn Salon and Service</title> </head> <body> <h1>Wellington Lawn Salon</h1> <header> <nav role="navigation"> <ul> <li><a href="filename">Services</a></li> <li><a href="filename">Pictures</a></li> <li><a href="filename">Contact Us</a></li> <li><a href="filename">History</a></li> <li><a href="filename">Testimonials</a></li> </ul> </nav> </header> <article> <h1>Services available:</h1> <section> <h2>General and special lawn maintenance</h2> </section> <section> <h2>Landscaping</h2> </section> <section> <h2>Sod installation</h2> </section> <section> <h2>Irrigation</h2> <section> <h3>Installation</h3> </section> <section> <h3>Repair</h3> </section> </section> <section> <h2>Tree Trimming</h2> </section> </article> </body> </html> When I run the code through the HTML5 Oulliner I receive this: 1.)Wellington Lawn Salon 1.)Untitled Section 2.)Services available: 1.)General and special lawn maintenance 2.)Landscaping 3.)Sod installation 4.)Irrigation 1.)Installation 2.)Repair 5.)Tree Trimming My question is about the "untitled section". What part of the code is "untitled"? Why? How does it relate to your SEO? Also any other semantic markup tips, in general or specifically in regards to this example, are greatly appreciated. I am fairly new to web design and was wondering what some of the techniques are to make a page appear to have more on it then it really does. For example, how do you make it appear as if the page contains very little white space? is it best to use a pattern in the background? Is there a way to crop the page to make it smaller? Hi guys. I'm working on a website, using ASP.NET. I'd just like to find out if there is anything specific that all websites should have, i.e. an about page with information about the owner and author of the site. Anyone have some advice? Hi there I got a little problem with my website http://www.gone-surfing.com ; the thing is that I would like to have the waveforecast on the right side of the site, where there is currently only an empty black space. And I am simply wondering how this can be done? In a way which enables the waveforecast to progress downwards out there, without pushing the other tables / content downwards. Hope some clever minds can help me out here. Any suggestions? PS! I would like to keep the design like this, it would be a bit too much work changing the whole design due to my lack of webdesign skills. The source code is available here @ gone-surfing.com/index.html A big thanks in advance for any help or suggestions. All the best, Alex Ok I need to take things like this forum: http://lmiinc.com/forum/ http://lmiinc.com/forum/calendar.php And make it active on the new site I'm building for LMI. So what files exactly do I need to copy to the new directory & then reference as a link in my navigation bar in all of my .html files? Hi all. I am new to the forums and to HTML/XHTML coding. I am looking for some help with an assignment for a class I am taking. The problem I am running into is that I have the website looking like it is supposed to but it will not pass the W3C validator. 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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Make it Right</title> </head> <body> <h1> <center>Healthy Living Plan</center></h1> <p>Many people today are trying to stay healthy. What sorts of things do you need to do in order to maintain a healty body? Here are some ideas for you. Of course, you should always consult with your doctor before undertaking any new diet or exercise plan.</p> <hr /> <h2> <center>Eat right</center></h2> <p>Refer to the United States Department of Agriculture food pyramid to find out how many grains, vegetables, fruits, meats, dairy, and oils that you should eat daily. Also consult the other resources available on the Internet to determine a plan that will work for you.</p> <h2> <center>Keep a food, mood, and exercise journal</center></h2> <ul> <li>Track what you eat each day</li> <li>Track your mood throughout the day</li> <li>Track the exercise that you do each day</li> </ul> <hr /> </body> </html> And here is the error I get: Error Line 14, Column 8: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <center>Healthy Living Plan</center></h1> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Error Line 20, Column 8: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <center>Eat right</center></h2> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Error Line 26, Column 8: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <center>Keep a food, mood, and exercise journal</center></h2> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Any help or explanation to why this is occurring will be greatly appreciated. Thank you. Yello, new here on the forum hope i have come to the right place. I am making this website with a fixed header with buttons, using ajQery script to get a nice fade effekt on the buttons on mouseover. Looks great in firefox but in ie i get this bugs where a the picture is missplaced. Cant realy get it to work (havnt done html very long) Would anyone care to take a look and help me out a bit? if so i can upload the page as a .rar /plomp I am new to HTML and I am getting an error and do not know why. Please be simple in your solution as I do not have much HTML knowledge. Here is the Error: 1. Error Line 50, Column 111: document type does not allow element "img" here; missing one of "p", "h1", "h2", "h3", "h4", "h5", "h6", "div", "address", "fieldset", "ins", "del" start-tag. …57" height="70" alt="HTML Dog logo" /> ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>"). Here is the code: HTML 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>Brendan Madigan's Official Webpage</title>
</head>
<body>
<h1>Brendan Madigan is the coolest person in the world</h1>
<hr />
<p>If anyone thinks that Brendan Madigan is not cool...</p>
<p>They should be examined by a doctor immediatly.</p>
<p>Why is Brendan Madigan so cool???</p>
<p>Here's why:</p>
<ul>
<li>Brendan is awesome</li>
<li>Brendan is really smart</li>
</ul>
<hr />
<p>You might be wondering if Brendan is cool enough to do a definition list...<br /><br />He is!<br /><br /></p>
<p>Here is a<sup>definition</sup>list made <sub>by</sub> Brendan, himself (you can say the list is holy if you want)<br /></p>
<dl>
<dt><strong>Brendan</strong>(noun)</dt>
<dd><br />A cool person</dd>
</dl>
<h2>Brendan does nested lists too!<br /></h2>
<h4>Brendan's <em>Nested List</em><br /></h4>
<ol>
<li>
<dl>
<dt>Brendan(Verb)</dt>
<dd><br />To make something cool</dd>
</dl>
</li>
<li><br />
<ul>
<li>He Brendaned the movie</li>
</ul>
</li>
</ol>
<p>How did Brendan become so good at HTML?</p>
<ol>
<li>He is really smart</li>
<li>He took a class on HTML</li>
</ol>
<h3>If you want info on Brendan go to this website</h3>
<p><a href= "http://www.madigangames.com">Brendan's Company</a></p>
<p>Brendan looks like this</p>
[b]<img src="testudo.jpg" width="30" height="40" alt="Testudos' image'" />[/b]
</body>
</html>
Thanks for your help! I apologize in advance if I am putting this in the wrong place. I have a website for my webcomic. The site was constructed from a template provided by the host site. Ive messed with it and tried to organize it how I want it but I have pretty much reached the end of my beginner capabilities. My main concern right now is that under the comic page I want two have two spaces, on on the left for comments on the posted page, and another to the right that is overall news, that will show the same for each page. I have the comments section aligned to the left, but I am at a total lose for where to begin as far as the news/blog section. Could anyone please point me in the right direction? Also if anyone has any other suggestions concerning the site I would love to hear them. - suspicious link removed - Thank you. Hey im a beginner at all of this... But i am trying to add a simple image to my web.. here is my code... <html> <head> <title>Pillz Webby</title> </head> <body> Socom Confrontation <img src="sig.jpg" width="400" height="300"/> </body> </html> i have no idea what i am doing wrong... and when i view my properties for my .html file it says it is TYPE OF FILE: FIREFOX DOCUMENT..... shouldnt it say .html??? cuz i saved it as html.. http://www.freewebs.com/ovatime/favlinkz.htm there is a link of a screenshot, this is what comes up whenever i load this code to my browser... any help is appreciated This page is HTLM written by myself. Please help me to see this page and what to change? - link removed - Fist off I am somewhat new to HTML (mainly have used programs like Dreamweaver and such to create web pages). I am wanting to try and advance my skills a bit and create a HTML with some PHP code in it. My question that I have is about webpage formating. I am wanting to have a header, footer, left column and right column that has the same data in it all the time. The main body of the page however will display whatever information I search for from the mysql database but the rest of the site (footer, header, etc..) I want to display the same each time. What is the best way of going about this? I am not sure once I click the submit button to load the certain data from the database if I have to create a whole new page or if there is a way to just update the main body of the webpage with the results. Sorry if this is in the wrong forum but wasn't sure if it belonged here in HTML or in PHP, I thought here was good. Any help will be very helpful, Thanks, Scott Hey guys, i'm new to these forums, and new to html. I do alot of animation and art stuff and wanted to create a website and eventually a community type deal for it. I'm decent with graphics so I managed to create a basic design. Just a few questions really: 1. What are some good tutorials to help me get started, i have very very basic knowledge in html, just about basic tags and linking. 2. Maybe direction towards a decent host and ftp program? I get really confused about what a good host offers and how to upload stuff. 3. How hard would it be for a beginner to create a site like this? http://img80.imageshack.us/img80/682...emocopylr2.jpg I don't want this to sound like a stupid question, but just an estimate of difficulty or time to create. I know it's just a solid image, it's just a example I created. Thanks and I hope someone can help. hello everyone, can u possibly help me with the following? I have a very basic knowledge of how html works. I have basically used officelive.com to build a website via point and click. It allows you to add certain bits via html, but that is it. Now here what i am trying to do... I am trying to build a tool (?) that aids in diagnosis of medical problems. And I want it to look a little like this: Page 1 Does the patient have a fever? Yes No ( yes and no appear as buttons) Page 2 (if u click on yes) Does the patient have associated syptoms? Yes No Page 3 (if you click on Yes) Which of the following symptoms does the patient have? a. rigors b. chills c. neck rigidity d. other (text box to enter your free text) Now what I need help with is, that if the user chooses D and enters their free text, I want it to show up on the next page as part of the next question.... 1. So e.g Used enters "hypotension" in the free text box, I want the next question on the next page to be able to say "What is the duration of the hypotension?" I would also like it so that at the end of the process the user can end up with a list of all the symptoms, both picked and free text as a summary. I dont even know that this function is called, as if I know what its called I can always find html codes on the internet. Please help. This must be so simple for you IT lot! I, as u can tell trained in a completely unrelated field and am struggling. |
|||||||