Mitterstil prikker.

se min post nummer 2.. der er et eksempel..

Du skal lave din html om til :

<td width='140' style="background-color: #669ACC; vertical-align: top; color: #FFFFFF;">

			   <div align='left'>
<br>
<a href="#" class="submenu">Sub menu link 1</a>
<a href="#" class="submenu">Sub menu link 2</a>
<a href="#" class="submenu">Sub menu link 3</a>		
</div>			
			</td>

og bruge følgende css, sæt det under de andre .submenu klasser:

.submenu
{
display:block;
height: 15px;
width: 125px;
padding-left: 10px; 
background-image: url('[url]http://www.aoaconsultancy.com/image/submenu/list.jpg');[/url] 
Background-repeat: no-repeat;
background-position: 0px 5px; 
}

Beskrivelse af css

display: block;
Giver dem egenskaber som var de et blok elemet som et div, li, td - altså elementer man kan sætte højde og bredde på

height og width: xx Px.. sætter højden og bredden på elementet, sammenlagt med egenskaben display:block, kan man nu ramme linket ved at føre musen over de 15x125px og ikke kun ramme "teksen"

Padding-left .. laver plads til baggrundsbilledet

backgroundimage og repeat, viser hvilket billede der skal benyttes, og fortæller at det kun skal fremgå én gang.

background-position: fortæller at positionen af baggrundsbilledet skal være 0px horizontalt og 5px vertikalt.. så baggrundsbilledet ikke sstår i toppen. af de 15px som linket er.

Du griber det lidt an på en "forkert" måde..

Prøv i stedet at fjerne det billede og i psuedo kode:

.Menuitem <- skal ramme a'et
{
display:block;
height: 100%;
width: 100%;
//Nu kan man ramme hele a'et
padding-left: 15px; //Laver plads til et baggrundsbillede
background-image: url('http://www.aoaconsultancy.com/image/submenu/list.jpg');

Background-repeat: no-repeat;
//så kommer tricket
background-position: 4px 4px; //sætter baggrundsbilledet i den rigtige position, ret selv de 2 4taller så det ligger korrekt.

}

.indhold table td div img
{
 display:none;
}

.indhold table td div br
{
  display:none;
}

.submenu
{
display:block;
height: 15px;
width: 125px;
padding-left: 10px; 
background-image: url('http://www.aoaconsultancy.com/image/submenu/list.jpg'); 
Background-repeat: no-repeat;
background-position: 0px 5px; 
}

Med de 2 første selectors fjerner jeg lige billeder og breaks.. Men fjern dem lige manuelt i dit markup under submenuen, og stil dine links direkte under hinanden

<a ...
<a ...

ikke
<a..

<a...

Det fortolkes som
<a..
<br>
<a..
Men kan ikke fanges med css..

Du bliver altså nød til at forklare det lidt bedre. Skal jeg fjerne min kode og skrive dette i vær af mine links class?:

.Menuitem <- skal ramme a'et
{
display:block;
height: 100%;
width: 100%;
//Nu kan man ramme hele a'et
padding-left: 15px; //Laver plads til et baggrundsbillede
background-image: url('http://www.aoaconsultancy.com/image/submenu/list.jpg');
Background-repeat: no-repeat;
//så kommer tricket
background-position: 4px 4px; //sætter baggrundsbilledet i den rigtige position, ret selv de 2 4taller så det ligger korrekt.

}


???

Virker ikke... List.jpg vises vært fald så en linje højere oppe en selve teksten

Tak forstod nu.
Men skulle også lige rette en fejl i din kode. Det hedder:
background-image: url('http://www.aoaconsultancy.com/image/submenu/list.jpg');

Men det er ligegyldig. Du viste mig metode og den virkede

Selvtak..

Det er ikke mig der har formateret det med [ url ]foran hvis det er det du henviser til, det er nok den her editor.

/JJ

ahh k