CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede prdk Nybegynder
29. februar 2000 - 12:40 Der er 1 kommentar og
1 løsning

DHTML "knapper"

Jeg savner en gennemskuelig og generel metode til at fremstille tekstbaserede knapper. "Knapperne" skal være ganske simple - tekststrengen skrives på en kontrastrig baggrund og omkranses af en firkant med en lysere nuance border i venstre side og top, og en mørkere nuance i højre side og bund. Disse skifter ved mouseover og baggrundsfarven ændres ved onclick. Har nogen noget liggende - eller taler jeg i gåder?
Avatar billede shaba Nybegynder
01. marts 2000 - 11:16 #1
Hvis det er noget du har set tidligere, er det sikkert et link, med godt med CSS. I IE5 kan man definere bredden på et link, og kan derfor lave såkaldte
'knapper'.
Et eks.:

<html>
<head>
<title>Eksempel</title>
<style type="text/css">
<!--
a
{
text-decoration: none; text-align: center;
}
a.knap:link
{
padding: 5px;
border-left: 2 solid #000000;
right-border: 2 solid #AAAAAA;
top-border: 2 solid #000000;
bottom-border: 2 solid #BBBBBB;
width: 100px;
color: #000000;
background-color: #E1E1E1;
font-family: Tahoma;
font-size: 10pt;
}
a.knap:visited
{
padding: 5px;
border-right: 2 solid #000000;
border-left: 2 solid #BBBBBB;
border-bottom: 2 solid #000000;
border-top: 2 solid #BBBBBB;
width: 100px;
color: #000000;
background-color: #E1E1E1;
font-family: Tahoma;
font-size: 10pt;
}
a.knap:active
{
padding: 5px;
border-right: 2 solid #000000;
border-left: 2 solid #BBBBBB;
border-top: 2 solid #000000;
border-bottom: 2 solid #BBBBBB;
width: 100px;
color: #000000;
background-color: #E1E1E1;
font-family: Tahoma;
font-size: 10pt;
}

a.knap:hover
{
padding: 5px;
border: 1 solid #444444;
width: 100px;
color: #000000;
background-color: #E1E1E1;
font-family: Tahoma;
font-size: 10pt;
}
// -->
</style>
</head>
<body>
<a href="#" class="knap">Hund!</a>
</body>
</html>
Avatar billede prdk Nybegynder
01. marts 2000 - 11:20 #2
Smukt ... og tak. Jeg faldt selv over http://webreference.com/dhtml/column29/2.html som er en interessant gennemgang af en anden metode, der tilmed virker i IE4.
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
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
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 3 29/09/202410:58 20/03/202513:38
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 11:09 Windoes 11 Eu kontra Windows 11us Af skolevej321 i Windows
I dag 10:40 vil ikke starte Af oldemor i Windows
I går 22:29 Screenshot-værktøj som gemmer som WebP eller AVIF? Af eurositi i Billedbehandling
I går 20:36 Logning af data Af ABE15 i Excel
I går 19:02 Ændre Meta data JPG filer Af frem-ad i Andet software
White papers
Flere white papers »


Premium
Teaser billede
Topdanmark-CIO Kasper Tjørntved Davidsen er smuttet efter opkøb og omstrukturering: Her er selskabets plan
Læs mere »
Skal Danmark lukke døren for udenlandske tech-giganter? Digitaliseringsministeren og en række it-topfolk siger nej
Pas på: Særlig form for malware vælter ind over Mac-computere
Sådan tacklede Bauhaus-CIO Niels Nielsen stort ransomware-angreb: ”De krypterede vores VMWare-miljø med over 200 servere”
Se alle »
Computerworld
Teaser billede
Open Source-eksperimentet #2: Farvel Outlook – vi går all in med fri e-mail, kalender og Fritz Kola
Læs mere »
Første AI-angreb uden klik: En fjendtlig e-mail i indbakken udløser Copilot til at stjæle følsomme virksomhedsdata
Test: Dansk Bluetooth-højttaler giver konkurrenterne tæv – og opskriften er ret simpel
Larry Ellison er blevet 165 milliarder kroner rigere på få timer: Er nu pludselig verdens næstrigeste mand
Se alle »
CIO
Teaser billede
Open Source-eksperimentet #2: Farvel Outlook – vi går all in med fri e-mail, kalender og Fritz Kola
Læs mere »
Digitaliseringsministeriet vil droppe Microsoft: Nu reagerer tech-giganten
Lad nu være med at bruge kræfter på at forsøge at droppe Microsoft: "Det er simpelthen energi brugt forkert"
Borgmester går mod strømmen og vil ikke frigøre kommunen fra Microsoft: "Vi har ikke noget alternativ"
Se alle »
Job & Karriere
Teaser billede
Fungerede ikke: Dropper AI som erstatning for kundeservice-medarbejdere - har nu brug for nye folk
Læs mere »
NNIT har fyret 100 medarbejdere - nedjusterer markant
It-chef og halv it-afdeling fyret i forsikringsselskab på grund af kommentar om potteplante
Har fælles fortid i Devoteam: Nu etablerer disse fire tunge it-profiler nyt dansk konsulenthus - ser et hul i markedet
Se alle »
White paper
Teaser billede
Sådan samler du virtualisering og containerdrift i én løsning
Læs mere »
Sådan automatiserer du vagtplanlægningen med AI
Sådan får du reel værdi ud af Microsoft Copilot
Undgå at printeren bliver svageste led i sikkerheden
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »