Søg
Avatar billede andersthingholm Nybegynder
24. november 2005 - 11:36 Der er 7 kommentarer og
1 løsning

Style <a> tag

Hej,

er der nogen, der kan hjælpe med med at style et a-href tag, så der sker følgende ved rollOver.

Bag teksten i linket kommer en box, som er 50x10 px. stor og rød (FF0000). Derudover kommer der på venstre og højre side af denne boks en sort lodret linje, som er 2 px. bred.

PFT.

VH

Anders Thingholm
Avatar billede jokkejensen Novice
24. november 2005 - 11:55 #1
a
{
border-left: 2px solid black;
border-right: 2px solid black;
width: 50px;
height: 10px;
display:block;
background-image: url(red.gif);
background-repeat: no-repeat;
line-height: 10px;
}

hvor red.gif er den røde kasse på 50x10 px..
Avatar billede notes2c Nybegynder
24. november 2005 - 12:28 #2
I følge standarden kan du ikke sætten brede på et inline element
Avatar billede notes2c Nybegynder
24. november 2005 - 12:30 #3
sorry: så ikke lige display: block;
Avatar billede notes2c Nybegynder
24. november 2005 - 12:31 #4
så se bort fra min kommentar
Avatar billede mm12010 Nybegynder
24. november 2005 - 12:36 #5
jeg tror jeg ville vælge en løsning der se således ud:

a:hover{border-color:#000000;background:url(red.gif) repeat-y top left;}

hvor red.gif er den røde kasse på 50x1px og du styler alm links således:

a:link{line-height:10px;border:2px solid <BAGGRUNDSFARVE>;border-width:0px 2px;}
Avatar billede andersthingholm Nybegynder
24. november 2005 - 12:56 #6
Tak, smider du et svar?
Avatar billede mm12010 Nybegynder
24. november 2005 - 13:01 #7
selv tak :o)
Avatar billede andersthingholm Nybegynder
24. november 2005 - 13:02 #8
Det endte med mm12010's svar...
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 dag 10:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
01/0809:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
White papers
Flere white papers »