html - Understregning m. billede - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #2574 @ 28.11.03 14:11

Hej alle.

Jeg har lidt kode der ser sådan ud:

Kode

<table border="0" cellpadding="0" cellspacing="0" width="780">
	<tr valign="top" height="300">
		<td width="6">
		</td>
		<td align="left" valign="top" width="188">
			<img src="billeder/v4_menu_arrow_red.gif" border="0">
			<a class="menubottom" href="xxx.html">
			Test 1
			</a>
			<br><img src="billeder/v4_menu_nav_dot01.gif" border="0">
		</td>
	
		<td> ..... osv.....

Og CSS koden "menubottom"

Kode

A.menuBottom
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #9d9c9b;
    PADDING-TOP: 0px;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
}

Det billede der hedder v4_menu_nav_dot01.gif er en prikket linie i farven #9d9c9b der skal virke som understregning, men den havner alt for langt nede.....

Kan man ikke få den til at være lige under teksten ???

6 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 5 karma

Sorter efter stemmer Sorter efter dato

Bruger #2034 @ 28.11.03 15:12

459

Hvad med at du sætte billedet på som en baggrund, på linket?

Kode

A.menuBottom
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #9d9c9b;
    PADDING-TOP: 0px;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
    background-image: url(x.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
}

Bruger #2574 @ 28.11.03 15:37

Hvad med at du sætte billedet på som en baggrund, på linket?

Kode

A.menuBottom
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #9d9c9b;
    PADDING-TOP: 0px;
    FONT-STYLE: normal;
    FONT-FAMILY: verdana;
    TEXT-DECORATION: none
    background-image: url(x.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
}

Det lovede godt .... Men det virkede ikke .... Jeg er ligsom lidt på bar bund