2 replies to this topic

[vigge_sWe]

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

NVM got it. Topic can be closed

[JuniorD]

try making the margin bottom 0px.

Closing due to your request.

[Joe]

add

display:inline;

put it in your .menuleft css class and get rid of you're .line class altogether.