Avatar billede iv Nybegynder
14. februar 2002 - 20:02 Der er 16 kommentarer og
1 løsning

Hvordan IMG link

Jeg har brugt det her style:
<style type="text/css">
Body{
A:link IMG{
border:double #FFFFFF}
A:visited IMG{
border:double #FFFFFF}
A:hover IMG{
border: outset #FFFFFF}
</STYLE>

Som eksempel virker det fint på det her link:
<a href="main.htm">
<img border="0" src="LOGO.jpg" width="75" right="48"></a>


Men nu vil jeg gerne ha' style integreret i linket og ikke bruge
<style type="text/css">
Body{

Hvordan laver jeg linket om, håber det er til at forstå :)
Avatar billede keysersoze Ekspert
14. februar 2002 - 20:11 #1
jeg tvivler på at man kan lægge et link-style direkte på på den måde du ønsker...

hvad er der i vejen med det almindelige stylesheet da?
Avatar billede fomse Nybegynder
14. februar 2002 - 20:12 #2
<a href="main.htm" style="border:outset, border:bouble osv. osv.">
<img border="0" src="LOGO.jpg" width="75" right="48"></a>
Avatar billede cautoo Nybegynder
14. februar 2002 - 20:16 #3
Den kan tilføje style direkte i billedtingen:
<a href="main.htm" style='border:0;background-color:#FFFF99>
<img border="0" src="LOGO.jpg" width="75" right="48"></a>
Avatar billede cautoo Nybegynder
14. februar 2002 - 20:17 #4
too late :-((
Avatar billede fomse Nybegynder
14. februar 2002 - 20:17 #5
Hmmm er det ikke lige det jeg skrev??
Avatar billede keysersoze Ekspert
14. februar 2002 - 20:33 #6
og så er det jeg spørger mig selv... hvor er det lige forskelligheden i de forskellige trin i et link man normalt ser optræder i jeres forslag??? der er jo ikke forskel på om man har klikket på, holder musen over eller har klikket på linket - og det ønsker iv vel stadig at beholde...
Avatar billede iv Nybegynder
14. februar 2002 - 20:49 #7
Undskyld, kan ikke få det til at funke, - og jeg kan tilføje, at jeg egentlig kun har brug for HOVER. Det jeg ønsker er at billedet blir lidt "tredimisionelt" - med mus på billedet :)
Avatar billede werd Nybegynder
14. februar 2002 - 23:12 #8
det er en dum ide!! Du burde hellere lave et eksternt stylesheet og så lave en id eller et span!!

Hvis du ikke ved hvordan man gør vil jeg gerne hjælpe ;-)

/ Andreas
Avatar billede iv Nybegynder
15. februar 2002 - 02:16 #9
tak til werd
jeg vil meget gerne ha hjælp til at bruge id eller span, det har jeg desværre ikke styr på

På forhånd tak
Avatar billede keysersoze Ekspert
15. februar 2002 - 11:22 #10
du laver først en fil der fx hedder style.css og indeholder følgende;

------------------------------------------------------------

a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #FFFFFF;
    text-decoration: none;
}

a:hover { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration: underline;
    color: #FF6600
}

a:visited { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #CCCCCC;
    text-decoration: none;
}

a:active { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #FFFFFF
    text-decoration: none;
}

a.forum:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    text-decoration: none;
}

a.forum:hover { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration: underline;
    color: #000000;
}

a.forum:visited { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
}

a.forum:active { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
}


------------------------------------------------------------

derefter laver du i din html-fil et link til denne stylesheet-fil sådan i din head;

------------------------------------------------------------

<link rel="stylesheet" href="style.css" type="text/css">

------------------------------------------------------------

derefter har du nu mulighed for at lave to forskellige links på din side - nemlig på denne måde;

------------------------------------------------------------

<a href="link1.html">mulighed 1</a>

<a href="link2.html" class="forum">mulighed 2</a>

------------------------------------------------------------
Avatar billede werd Nybegynder
15. februar 2002 - 12:23 #11
fuldstændig rigtigt!!
Du kan også bruge 'ID' til at ændre standarden med!!

Dette gøres ved at skrive #xxx i stylesheetet og tilføje id="xxx" i et tag!

Det du før puttede i head tagget skal jo bare i en fil der hedder 'style.css' (i dette tilfælde).

Jeg kan anbefale denne editor til at lave stylesheets i!! Den er nem og lige til (specielt hvis du ikke kender de forskellige værdier og selektorer) http://www.bradsoft.com/topstyle/download/dloadhandler.asp?file=ts25lite.exe programmet hedder topstyle lite og er freeware (gratis)

Der kan desuden læses meget mere om stylesheets på http://www.html.dk/tutorials/css

Mvh. Andreas
Avatar billede iv Nybegynder
17. februar 2002 - 19:18 #12
Har stadig ikke fået løst problemet. Jeg har ikke problemer med almindelige "tekstlink", dem bruger jeg som 'keysersoze' foreslår.
Mit problem drejer sig kun om når jeg bruger billeder som link.
Som her:
A:link IMG{
border:double #FFFFFF}
A:visited IMG{
border:double #FFFFFF}
A:hover IMG{
border: outset #FFFFFF}
</STYLE>

Spørsgmålet er måske svært at forstå før man har prøvet ovenstående til billedlink, eller ... ?
Avatar billede keysersoze Ekspert
17. februar 2002 - 19:43 #13
hvorfor kan mit ikke bruges til billedelink? er ikke helt med så
Avatar billede iv Nybegynder
18. februar 2002 - 00:52 #14
Med det her får man en slags 3'd effekt:
<style>
A:link IMG{
border:double #FFFFFF}
A:visited IMG{
border:double #FFFFFF}
A:hover IMG{
border: outset #FFFFFF}
</STYLE>

Nemmere at forsøge end at forklare :)
Avatar billede keysersoze Ekspert
18. februar 2002 - 01:05 #15
jeg syntes nu ikke der er den store forskel... har du et link eller billede af det?
Avatar billede iv Nybegynder
20. februar 2002 - 17:43 #16
Lukker
Avatar billede keysersoze Ekspert
20. februar 2002 - 17:53 #17
hmm...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester