Søg
Avatar billede janvogt Praktikant
21. marts 2002 - 13:15 Der er 18 kommentarer og
2 løsninger

Border problemer

Jeg bruger følgende kode til at sætte ramme omkring en knap når musen flyttes hen over:

<a href="nyheder.htm">
<IMG SRC="Knap_nyheder.gif" ALT="Her finder du nyheder omkring de seneste opdateringer af denne side." VSPACE="5" HSPACE="5" style="border:4px;border-color:#000000;border-style=solid;width:135;height:35;" onmouseover="this.style.borderColor='#ffffff'" onmouseout="this.style.borderColor='#000000'"></a>

Mit problem er, at der default ikke skal være nogen ramme. Rammen skal først dukke op, når musen flyttes hen over.

Jeg kan ikke bruge "this.style.borderWidth" for den flytter på knappens position.

Er der en farvekode for "transparent" eller hvad kan man ellers gøre?

(Spørgsmålet er en fortsættelse af http://www.eksperten.dk/spm/187997)
Avatar billede werd Nybegynder
21. marts 2002 - 13:17 #1
border-color:transparent;
Avatar billede nikolajdu Nybegynder
21. marts 2002 - 13:28 #2
<IMG SRC="Knap_nyheder.gif" ALT="Her finder du nyheder omkring de seneste opdateringer af denne side." VSPACE="5" HSPACE="5" style="border:0px;border-color:#000000;border-style=solid;width:135;height:35;" onmouseover="this.style.borderWidth='4';this.style.borderColor='#ffffff'" onmouseout="this.style.borderWidth='0';this.style.borderColor='#000000'">

/Nikolaj
Avatar billede callesen Praktikant
21. marts 2002 - 13:55 #3
Din " border:4px;border-color:#000000;border-style=solid; " bør/skal rettes til: border:4px solid #000000; Hvis du vil have en usynlig border er der to muligheder i style="" - border:none; eller border:4px solid transparent; - eller border:0px solid #000000;
Avatar billede janvogt Praktikant
21. marts 2002 - 14:11 #4
>Nikolaj
Som jeg skriver kan jeg ikke bruge borderWidth, for den ændrer knappens placering.
Avatar billede nikolajdu Nybegynder
21. marts 2002 - 14:15 #5
Sorry du skal selvfølgelig lave borderen til samme størrelse (4) og så enten lave den gennemsigtig eller bedre endnu - Samme farve som baggrundsfarven.
Avatar billede janvogt Praktikant
21. marts 2002 - 14:15 #6
Jeg kan heller ikke få transparent, none eller opx til at virke.

Mit problem består vel i, at der default sættes en border omkring knappen fordi det er et link.
Avatar billede nikolajdu Nybegynder
21. marts 2002 - 14:17 #7
<IMG SRC="Knap_nyheder.gif" ALT="Her finder du nyheder omkring de seneste opdateringer af denne side." VSPACE="5" HSPACE="5" style="border:4px;border-color:#000000;border-style=solid;width:135;height:35;" onmouseover="this.style.borderWidth='4';this.style.borderColor='#ffff0ff'" onmouseout="this.style.borderWidth='4';this.style.borderColor='#000000'">
Avatar billede janvogt Praktikant
21. marts 2002 - 14:27 #8
Baggrundsfarven er et billede .....
Avatar billede and.vang Nybegynder
21. marts 2002 - 14:28 #9
<IMG SRC="Knap_nyheder.gif" ALT="Her finder du nyheder omkring de seneste opdateringer af denne side." VSPACE="5" HSPACE="5" style="border:4px none #000000;width:135;height:35;" onmouseover="this.style.borderStyle='solid'" onmouseout="this.style.borderStyle='none'">

Mon ikke den går...

/Anders :>
Avatar billede janvogt Praktikant
21. marts 2002 - 14:36 #10
>and.vang
Desværre, den flytter (ligesom borderWidth) knappens placering fordi knappen bliver større eller mindre alt afhængig af, om der er ramme om eller ej.
Avatar billede nikolajdu Nybegynder
21. marts 2002 - 15:02 #11
Så bruger du din trans mulighed.

<IMG SRC="Knap_nyheder.gif" ALT="Her finder du nyheder omkring de seneste opdateringer af denne side." VSPACE="5" HSPACE="5" style="border:4px;border-color:transparent;border-style=solid;width:135;height:35;" onmouseover="this.style.borderWidth='4';this.style.borderColor='#ffff0ff'" onmouseout="this.style.borderWidth='4';this.style.borderColor='transparent'">
Avatar billede callesen Praktikant
21. marts 2002 - 15:14 #12
Det kan være at denne volder problemer: style=solid, det skal være style:solid
Avatar billede janvogt Praktikant
21. marts 2002 - 15:18 #13
Ja, den har jeg også været ved flere gang, men problemet er, at der default sættes en lilla border omkring knappen fordi det er et link ligesom et almindeligt tekstlink bliver lilla.
Så borderen er alligevel ikke usynlig.(se svar 14:15:51)

Hvordan fjerner man så denne link-border?
Avatar billede janvogt Praktikant
21. marts 2002 - 15:21 #14
Det gør ingen forskel med = eller :
Avatar billede janvogt Praktikant
21. marts 2002 - 15:44 #15
Hvis man f.eks. bruger denne kode, vil der komme en blå ramme omkring billedet, som indikerer, at det er et link. Når du har besøgt/trykket på linket vil det blive lilla.

<A HREF="http://www.tv2.dk"><IMG SRC="billede.gif"></a>

Hvordan undgår man dette?
Avatar billede werd Nybegynder
21. marts 2002 - 15:59 #16
...<IMG SRC="billede.gif" border="0">
Avatar billede janvogt Praktikant
21. marts 2002 - 16:29 #17
Tjah, det har du jo ret i, men sammen med denne virker det ikke:

A HREF="nyheder.htm"><IMG SRC="Knap_nyheder.gif" ALT="Her finder du nyheder omkring de seneste opdateringer af denne side." VSPACE="5" HSPACE="5"  style="border:3px;border-color:transparent;border-style:solid;width:135;height:35;"
onmouseover="this.style.borderColor='#FFFFE0'" onmouseout="this.style.borderColor='transparent'"></a>

Øverst i min BODY står der:
<BODY LINK="#0000FF" VLINK="#660066"

Måske har det noget med det at gøre?
Avatar billede and.vang Nybegynder
22. marts 2002 - 14:51 #18
<IMG SRC="Knap_nyheder.gif" ALT="Her finder du nyheder omkring de seneste opdateringer af denne side." VSPACE="5" HSPACE="5" style="border:4px solid **DIN BAGGRUNDSFARVE***;width:135;height:35;" onmouseover="this.style.borderColor='#000000'" onmouseout="this.style.borderColor='***DIN BAGGRUNDSFARVE***'">

/Anders :>  God påske til alle!!!!!!!
Avatar billede janvogt Praktikant
22. marts 2002 - 15:01 #19
Som jeg skriver lidt længere oppe kører jeg med et billede som baggrund.
Måske er eneste mulighed at finde den farve til rammen, som rammer baggrundsbilledet bedst.
Avatar billede janvogt Praktikant
24. marts 2002 - 13:18 #20
Løste problemet ved default at give rammen den farve, som matchede baggrunden bedst. Ikke perfekt løsning med ok.
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 12:14 Ang udskrift Canon mb5050 Af made18 i Printere
02/1021:29 Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat
02/1018:16 Tømme gammel PC for indhold, kan ikke tændes Af Mai i Andet software
01/1017:41 NVIDIA Geforce GTX 1060 6 GB som "snakker" Af dcedata1977 i Andet hardware
27/0916:43 Nomad Tracking Car Af fleknes i Apps til Android
White papers
Flere white papers »