Skyn2

He guys.
As you guys suggested I am working with HTML5 at the moment. I am using dreamweaver.
Now I have a problem I don't really now know to solve it.

I want to make an easy navigation
I use this HTML code


<ul class="cat-meta">

<li><a href="index.html">Home</a><li>
<li><a href="about.html">About</a><li>
<li><a href="services.html">Services</a><li>
<li><a href="products.html">Products</a><li>
<li><a href="contact.html">Contact</a><li>
</ul>


The problem is: They are beneath eachother and I have no idea why they aren't behind eachother like I want them too.

I didn't use a br, as u can see. No P? What am I missing?

If this is in the wrong forum, i am sorry

Phreaddee

TUTORIAL: CSS Menu (Basic)

__________________
if (headhurts == "possibly") {
alert ("keep going!");
}
else if (headhurts == "yes") {
alert ("go to sleep");
}
else if (headhurts == "damn !@#$ mofo scripts...") {
alert ("give up and have a beer!");
}
else {
alert ("watch TV");
}

Skyn2

Thank you for the link.

Shouldn't the link work without the CSS?

The link is great, but it is not what I am looking for.
It's lined up the way I want, but I don't want a 'fixed menu'.

I am asking is: How can I make my menu go like:
Home Product Contact

instead of:

Home
Product
contact

What CSS rule is it that does this?

conor

you need to apply this rule to the lis:

__________________
Conor

Phreaddee

of course the css is needed, otherwise its just unstyled html

__________________
if (headhurts == "possibly") {
alert ("keep going!");
}
else if (headhurts == "yes") {
alert ("go to sleep");
}
else if (headhurts == "damn !@#$ mofo scripts...") {
alert ("give up and have a beer!");
}
else {
alert ("watch TV");
}

DHDdirect

You also need to close your li tags properly such as : </li>

__________________
Jason H.
DHDdirect.com
Domains - Hosting - Design

jumpingspider

Yeah right. This is a little matter but if you missed this surely it will ruin your style!

__________________
Sales order processing software | Business Intelligence

Skyn2

<ul class="cat-meta">

<li><a href="index.html">Home</a><li>
<li><a href="about.html">About</a><li>
<li><a href="services.html">Services</a><li>
<li><a href="products.html">Products</a><li>
<li><a href="contact.html">Contact</a><li>
</ul>

I did not miss that ;-)

If I look in the CSS:

.cat-meta {
display: inline;
}

But still, they are not behind eachother, but beneath eachother?

Phreaddee

Again close your li as </li>

And target the li NOT the ul.
.cat-meta li {
Display:inline;
}

__________________
if (headhurts == "possibly") {
alert ("keep going!");
}
else if (headhurts == "yes") {
alert ("go to sleep");
}
else if (headhurts == "damn !@#$ mofo scripts...") {
alert ("give up and have a beer!");
}
else {
alert ("watch TV");
}

Skyn2

Yes. its closed in the code. Sorry for the confusion