tekst og billede

det er lavet med css, se www.html.dk under css

Med et stylesheet i head-sektionen:

<style type="text/css">
a:link:visited{text-decoration:none;color:#3f5}
a:hover:active{color:#f00}
</style>

<img id="Link1Img" src="pil.gif" style="visibility:hidden;"><a id="Link1" href="etLink.html" onmouseover="document.getElementById(this.id+'Img').style.visibility='visible';"onmouseover="document.getElementById(this.id+'Img').style.visibility='hidden'>Noget Tekst</a>

her er en anden: http://hjem.get2net.dk/arntsen/eksperten/menu/menu_11.htm se i kilden pog byt rundt på det så det passer til din menu, med eller uden rammer, andre farver osv

Hov, den anden skulle have været onmouseout !-)

hvad med bare at bruge denne &#187; i texten som man ikke skal bruge images

et hurtigt ex.: http://hjem.get2net.dk/arntsen/eksperten/menu/menu_13.htm

<span id="Link1Span" style="color:ddd;">&#187;&nbsp;</span><a id="Link1" href="etLink.html" onmouseover="document.getElementById(this.id+'Span').style.color='#f00';" onmouseout="document.getElementById(this.id+'Span').style.color='#3f5'>Noget Tekst</a>

-- og det skulle selvfølgelig være:

onmouseout="document.getElementById(this.id+'Span').style.color='#ddd'

/ cdc - hvad for en skrifttype bruger du til at lave de pile som du bruger på http://hjem.get2net.dk/arntsen/eksperten/menu/menu_13.htm

det er et symbol denne &#187; ind i texten

kig i kilde koden på siden så kan du se det

og skal den gå den anden vej skal du bruge &#171;

Jeg bruger dreamweaver - hvor skal den hen ?

gå ind i koden og set den ind foran den text, men det skal gøres i koden

du skal klikke på [ show code view ], find dit link og smid den ind foran din text

mit kode er: <a href="#" class="menu"><b>&#187; MENUPUNKT 02</b></a>

&#171;&nbsp;.headquaters

Det virker ikke - hvad har jeg gjordt galt?

kan du fjerne "underline"

Der er ikke noget galt i den der (bortset fra headquarters !-)

-- men specialtegnene findes ikke i alle fonte, så måske bliver du nødt til at sætte en speciel <span> eller <font> omkring til at ændre fonten ...

Jeg har stadig følgende problemer i koden:
&nbsp;&nbsp;&nbsp;&#187;
                  </B></A></B><A HREF="#" CLASS="menu">&nbsp;&nbsp;&nbsp;&nbsp;.headquaters</A>

1: Den vil ikke lave overgangseffekt på mine pile
2: Når jeg trykker på et linket beholder den ikke farven
3: jeg kan ikke får fjernet underline

se i min kilde der ligger denne i head:

<style type="text/css">
<!--

BODY {
    font-family: Verdana;
    font-size: 9px;
    font-style: normal;
    color: #C00000;
    background: #ffffff;
}
a.menu {
    FONT-SIZE: 9px;
    color: #C00000;
    text-decoration : none;
    display:block;
    width:100%;
    letter-spacing: 2px;
    padding: 4;
}

a.menu:hover {
    FONT-SIZE: 9px;
    color: #000000;
    display:block;
    width:100%;
    letter-spacing: 2px;
    padding: 4;
}
a.menu:active{
    FONT-SIZE: 9px;
    color: #000000;
    display:block;
    width:100%;
    letter-spacing: 2px;
    padding: 4;
}


-->
</style>

Ja - men problemet er at jeg har nogle links som i forvejen er underline på. Det er kun menuen som der ikke skal være det på

Hvilket også er det /cdc gør ...

Bemærk, at der er en class="menu" i hans <a>-tags !-)

kan du så ikke lave en a.href til teksten som får oplysningerne fra et dokument som f.eks hedder menu.css ?

Det virker nu - bortset fra at jeg ikke kan få fjernet underline. Jeg har følgende kode:

<style type="text/css">
<!--
BODY {
    font-family: Verdana;
    font-size: 9px;
    font-style: normal;
    color: #C00000;
    background: #ffffff;
    text-decoration: none;
}
a.menu {
    FONT-SIZE: 9px;
    color: #C00000;
    text-decoration : none;
    display:block;
    width:100%;
    letter-spacing: 2px;
    padding: 4;
    text-decoration: none;
}

a.menu:hover {
    FONT-SIZE: 9px;
    color: #000000;
    display:block;
    width:100%;
    letter-spacing: 2px;
    padding: 4;
    text-decoration: none;
}
a.menu:active{
    FONT-SIZE: 9px;
    color: #000000;
    display:block;
    width:100%;
    letter-spacing: 2px;
    padding: 4;
    text-decoration: none;
}


-->
</style>

Og hvad skal jeg gøre hvis pilene skal have en anden farve end teksten ?

det kan du ikke umiddelbart vil jeg mene, og hvorfor du ike kan få fjærnet din underline ved jeg ikke da jeg ikke har set din kode

Måske kan du bruge det til noget ?

<HTML>
<HEAD>
<style type="text/css">
<!--
BODY {
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    color: #C00000;
    background: #ffffff;
    text-decoration: none;
}
a.menu {
    FONT-SIZE: 10px;
    color: #C00000;
    display:block;
    width:100%;
    letter-spacing: 0px;
    padding: 1;
    text-decoration: none;
}

a.menu:hover {
    FONT-SIZE: 10px;
    color: #FF6600;
    display:block;
    width:100%;
    letter-spacing: 0px;
    padding: 1;
    text-decoration: none;
}
a.menu:active{
    FONT-SIZE: 10px;
    color: #FF6600;
    display:block;
    width:100%;
    letter-spacing: 0px;
    padding: 1;
    text-decoration: none;
}


-->
</style>
<style type="text/css">
<!--
a:link {color:#324458; text-decoration: underline; font-weight : none}
a:active {color:#324458; text-decoration: none; font-weight : none}
a:visited {color:#324458; text-decoration: underline; font-weight : none}
a:hover {color:#FF6600; text-decoration: none; font-weight : none}
-->
</style>
<TITLE>racing zone</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<LINK HREF="/includes/css/css=racingzone.css" REL="stylesheet" TYPE="text/css">
</HEAD>

vil mene det er denne som overstyrer så du får en underline: a:link {color:#324458; text-decoration: underline; font-weight : none}

Og en anden ting, det er altid god kode at lave et sheet og ikke flere når du blander det som her, er det nemt at skabe konflikter, smid det hele ind i samme sheet

i denne:

a.menu {
    FONT-SIZE: 9px;
    color: #C00000;
    text-decoration : none;
    display:block;
    width:100%;
    letter-spacing: 2px;
    padding: 4;
}

kunde du skrive:

a.menu:link {
    FONT-SIZE: 9px;
    color: #C00000;
    text-decoration : none;
    display:block;
    width:100%;
    letter-spacing: 2px;
    padding: 4;
}

sry ventetid. jeg har ikke lige været ved computeren...
/cdc får mine point. mange tak. Det virker perfekt nu!