Need Alot of help. [Archive] - WebDeveloper.com

killafawk

12-17-2006, 01:58 AM

Hi, I think i came to the right place for these questions and i'm sure people here can help me out.

My first problem im having is i need help creating a navagation bar going across instead of going down. But before i get to that i dont even know how to create one. All the turtorials out there are very confusing. If anyone can help me out with the code for it i would be thankful.

Second for my site i'm trying to bring in as many people to my website how would i go about doing this best?

Third, How would i add a type of search engine type into my website? i have a example here : http://www.commercialpropertys.com/ : Notice how the website has tags that when you click on open up basicly search results for that word. This is exactly what im looking for my site.

That should be it for now. Any help would be very much appreciated! Thanks again!

-Will

WebArt

12-17-2006, 04:59 AM

First off all, you don't start with "need alot of help" - nobody will help you.
Ask one question and begin with that in your heading so that everybody can see what you need help on.

Secondly, nobody will help you if you dont want to learn yourself.
It take me 3 years before i could say i'm a designer now.

Visit other websites and look at the source codes. Thats how i learn myself.

Visit www.dynamicdrive.com for many free codes.

Hope it will give you the right start.

Fang

12-17-2006, 05:12 AM

1. A menu is basically a list (http://css.maxdesign.com.au/listamatic/)

2. Write semantic (http://www.howtocreate.co.uk/tutorials/html/semantics)ly correct documents. Have content that is interesting to a large audience helps :rolleyes:

3. It's a server-side app. PHP search (http://www.site-search-pro.com/?gclid=CIXxhKahmYkCFQ1dMAodBXg8Pw), or start learning a server-side language

killafawk

12-17-2006, 08:37 PM

1. A menu is basically a list (http://css.maxdesign.com.au/listamatic/)

2. Write semantic (http://www.howtocreate.co.uk/tutorials/html/semantics)ly correct documents. Have content that is interesting to a large audience helps :rolleyes:

3. It's a server-side app. PHP search (http://www.site-search-pro.com/?gclid=CIXxhKahmYkCFQ1dMAodBXg8Pw), or start learning a server-side language

thats the thing, i see all these menu styles but it doesnt make any sense how to implement it onto your site it gives a code on the site you listed but has almost nothing to do with the style. At this point i really dont care what kind of menu i got as long as i can get one going horzontial every time i put the code in it just makes it vertical list. i need the code for it to stretch horizontial across my screen instead of going going down. Someone help me out plz this is probably an easy fix but my html isnt quite up to pace.

Centauri

12-17-2006, 09:20 PM

All the examples on the listamatic site are well documented with the coding - all you have to do is copy-and-paste the html code into your html file, and the css code into your css section (whether it is a separate file or within the html file - your choice) and it will work. If the list keeps comming up as vertical, then you aren't implementing the css part correctly.

Cheers
Graeme

killafawk

12-17-2006, 09:36 PM

All the examples on the listamatic site are well documented with the coding - all you have to do is copy-and-paste the html code into your html file, and the css code into your css section (whether it is a separate file or within the html file - your choice) and it will work. If the list keeps comming up as vertical, then you aren't implementing the css part correctly.

Cheers
Graeme

CSS? i built mywebsite from scratch so im basicly updating it threw notepad can you tell me what or how i put this in my "CSS"?

Centauri

12-17-2006, 10:03 PM

Seems like you have a bit to learn, so forget about the search function you wanted for now.

CSS (Cascading Style Sheet) is what defines the styling of the html elements (the content). The css can be an external file (with .css extension) or part of the html (probably easiest for starters).

If you start with a blank html page WITH PROPER DOCTYPE (important!) such as:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>

<body>
</body>
</html> you can put in a style section like:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>

<body>
</body>
</html>
The css then goes between the comment arrows in the head section. So for an the example at http://css.maxdesign.com.au/listamatic/horizontal03.htm the html file will look like:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>

<body>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>
</body>
</html>

This is just a start that relates to your question - I would recommend you read up on as much as you can. There are some good resources in this (http://www.webdeveloper.com/forum/showthread.php?t=61083) thread, and this (http://www.how-to-build-websites.com/) site has good info for beginners.

Cheers
Graeme

killafawk

12-17-2006, 10:41 PM

Thanks alot that worked perfect for me. i think i got the idea now. What do you think of instead of adding the search feature i just take the search results i get from searching the keywords and just adding the links with a description? what do you think?

killafawk

12-18-2006, 06:17 PM

another thing. does anyone know what the page/code is called when you have a webpage then you click on a tab and it opens a page right under the tab? kind of like you click tabs and each tab has a type of mini page within the webpage?