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
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 2 29/09/202410:58 30/09/202412:04
Bredde på div elementer Af dane022 i HTML 2 16/02/202408:29 20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML 2 21/12/202322:51 22/12/202308:03
validering <input tlfnr. Af slein55 i HTML 5 15/10/202311:43 15/10/202314:51
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:24 paragraftegnet Af Hyt vin i Word
I går 10:17 Hvem kan huske "Mellem Lektierne" med Jørgen De Mylius ? Af Ikke-ekspert i Fri debat
I går 06:58 Åbne formular i dataark Af hlnviv i Access
29/0123:24 God ergonomisk mus til hverdagsbrug Af PeterShy i Andet hardware
29/0122:12 AI model lokalt uden forbindelse til internet? Af charlie22 i Andet software
White papers
Flere white papers »


Premium
Teaser billede
Italien lukker for brug af DeepSeek: Er bekymret over data-indsamling
Læs mere »
Pas nu rigtig godt på din supply chain - it-kriminelle går benhårdt efter det svageste led i kæden
Atea Danmarks Sara Amini får det øverste ansvar for hele Atea-koncernens it: Nu venter store opgaver
DeepSeeks overraskende vej til succes: USA’s ønske om at kvæle den kinesiske AI-industri kan have haft den stik modsatte effekt
Se alle »
Computerworld
Teaser billede
Webshop advarer: Dine kortoplysninger kan være stjålet
Læs mere »
Test: På vinter-langtur med den ultimative el-VW
Deepseek sender dine data direkte til Kina - disse oplysninger bliver indsamlet om dig
Lancering af nyt Apple-produkt rykker nærmere – kan blive årets største nyhed
Se alle »
CIO
Teaser billede
Sådan kom russiske hackere ind i lille vandværk i Tureby: “Det nytter ikke at forsøge at skjule noget,” siger formanden
Læs mere »
Efter Trump: Du bør som CIO få kigget på en exitplan for dine cloud-aftaler med amerikanske tech-kæmper
Her er årsagen til fyringer i Rigspolitiets it-afdeling: Disse projekter har trukket benene væk under økonomien
Microsoft gør klar til at åbne sine danske datacentre: Så mange medarbejdere får de
Se alle »
Job & Karriere
Teaser billede
Merete Søby klar med nyt top-job efter pludselig exit fra Schultz: Her er hendes nye job
Læs mere »
40 år gammelt dansk it-selskab fusionerer med hollandsk firma og skifter navn
Her er deres månedsløn: Så meget tjener CIO'erne i de danske regioner - den bedst lønnede får mere end digitaliseringsministeren
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Se alle »
White paper
Teaser billede
Sæt professionel døgnvagt på din it-infrastruktur
Læs mere »
SAP: Skab værdi og minimér omkostninger med effektiv dokumenthåndtering
Se alle »

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