[Chidori]

Här är kodstycket. Ni ser felet i bilden. Problemet är att nederkanten hamnar i samma höjd som nederkanten på texten, på så sätt trycker ner texten för att kunna få plats i utrymmet. Hur kan jag göra så att mitten på bilden hamnar i mitten av textsträngen? (pil bilden).

<div id="topTag"><a href="#">Products</a> <img src="images/folderarrow.jpg" /> <a href="home.html">Product 2</a> <img src="images/folderarrow.jpg" /> Main Description</div>

#topTag {
padding:0px 0px 0px 9px; 
line-height:25px;
text-align:left;
width:770px;
}

[KarlRoos]

<ul id="topTag">
<li><a href="#">Products</a></li>
<li><a href="#">Product 2</a></li>
<li>Main Description</li>
</ul>

#topTag li
{
display: inline;
}

#topTag li a
{
padding: 5px;
display: block;
background: url(images/folderarrow.jpg) center right no-repeat;
}

[Chidori]

Nepp, inte det. Den bryter raden för varje "block". Testar jag ta bort block så kommer inte bakgrunden dit men allt annat ser okej ut.

[Cosma]

Har du nån Float element innan dess. Kanske måste bryta floaten med <div class="clear"></div> eller lägga till float.

[KarlRoos]

http://karlroos.se/blandat/valign/

Hoppas det funkar för dig!

[Chidori]

Hej och tack, men...

.clear
{clear: both;}

Ser inte att du sätter in detta någonstans?

Ska testa koden nu.

[Chidori]

Nä nu får det vara nog, löste det med floats och divs.

[Cosma]

Hur löste du det? Var det med float och göra?

Jag tänkte mer att du skulle..

<ul id="topTag">
<li><a href="#">Products</a></li>
<li><a href="#">Product 2</a></li>
<li>Main Description</li>
</ul>

<div class="clear"></div>

[Chidori]

<div id="topTag">
<div id="folderbar"><a href="#">Category 1</a></div>
<div id="folderbar"><a href="#">Sub Category 2</a></div>
Flexible LED strip
</div>

#topTag {
	padding:0px 0px 0px 9px;
	line-height:25px;
	text-align:left;
	width:770px;
}
#folderbar {
	background-image:url(../images/folderarrow.jpg); 
	line-height:25px; 
	background-position:right; 
	background-repeat:no-repeat; 
	float:left; 
	padding-right:15px; 
	margin-right:5px;
}