[CSS]Making menu with line

[galaxyAbstractor]

I want the links and lines to be in one line as an menu but I'm clearly not suceeded... Any ideas?

This is the code I am using:

<div class="menuleft">
<a href="#">Link1</a><div class="line"><img src="images/line.png" alt="" /></div><a href="#">link2</a><div class="line"><img src="images/line.png" alt="" /></div>
</div>

The CSS:

.menuleft {
margin-top:-32px;
padding-left:100px;
width:100%;

}
.line {
margin-top:-33px;
margin-left:30px;
}

Any ideas?

I tried:

<div class="menuleft">
<div class="border">
<a href="#">Link1</a>
</div>
</div><div class="menuleft"><div class="border">
<a href="#">Link1</a>
</div>
</div>

and

.menuleft {
margin-top:-32px;
padding-left:100px;

}

.border {
width:40px;
border-right: #b2d1e1;
border-right-width:1px;
border-right-style:solid;
}

too but it won't work either

 

[rlodge]

Don't you need a "display: inline;" or "display: block;" in the css to determine how it is laid out?

Believe me, I'm no expert but that's what I've used in the menus I've done or edited.

 

[galaxyAbstractor]

Don't you need a "display: inline;" or "display: block;" in the css to determine how it is laid out?

Believe me, I'm no expert but that's what I've used in the menus I've done or edited.

nope. inline just moved the links to the position where they were without margin, and block did nothing

but guess what? display:inline-block; did it yey!

Please see http://forums.x10hosting.com/marketplace/86973-req-500-credits-fix-ie.html#post473587 too. I give you 500 credits for a working IE solution since display isn't supported by IE (Why would it? Nothing is supported in IE...)

 

[rlodge]

Well, I gave it a shot. I'm still learning CSS myself so.........

Glad everything worked out.