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
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 3 02/03/202520:05 6 minutter siden
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
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 08:22 Problemer med at åbne filer i Google Drev Af TTA i Excel
I går 19:46 Fil- og mappeantal stiger ved kopiering ("backup"). Hvorfor? Af hjertet i Windows
I går 15:59 Filer kan ikke åbnes. Af barth i Office & Kontorpakker
I går 14:10 Software Installation på separate disk. Af Owan i Office & Kontorpakker
I går 13:38 Software Inc. Aktiveringen Af Owan i Backup- & Antivirus
White papers
Flere white papers »


Premium
Teaser billede
Er midtvejs i opgraderingen til Windows 11: Det kan du lære af Satairs erfaringer
Læs mere »
Top-CIO Bo Bendsen har landet nyt job: Bliver CDIO i fagforbund
Danske Keepit har femdoblet medarbejderstaben på fem år: "Det her kan blive det nye Mærsk eller Novo"
Den danske top-CTO Anne-Sofie Nielsen er færdig hos amerikanske Workday
Se alle »
Computerworld
Teaser billede
Vi prøvekører den nye Tesla Model Y: Man kan sige hvad man vil om Elon Musk, men han kan saftsuseme godt bygge biler
Læs mere »
Ny mikro-pc er mindre end en spillekonsol og byder på super-evner
Flere millioner Chrome-brugere ramt af ondsindede udvidelser: Du skal selv afinstallere dem manuelt for at være beskyttet
Test: Nyt indendørs overvågningskamera har nogle snedige tricks gemt i softwarepakken
Se alle »
CIO
Teaser billede
Carsten advarede som it-sikkerhedschef om problemer og blev fyret: "Det endte med voksen-mobning af værste skuffe"
Læs mere »
Kommunale it-chefer håber, at Microsoft kommer til fornuft: "Det er helt grotesk"
Microsoft fuldender sit løfte om europæisk data-opbevaring – men der er en række undtagelser
Offentlige virksomheder hjemtager ejerskab af deres it: Her er årsagerne
Se alle »
Job & Karriere
Teaser billede
40 år gammelt dansk it-selskab fusionerer med hollandsk firma og skifter navn
Læs mere »
Her er deres månedsløn: Så meget tjener CIO'erne i de danske regioner - den bedst lønnede får mere end digitaliseringsministeren
Microsoft fyrer de dårligst performende ansatte: Disse jobtitler bliver ramt
Carsten advarede som it-sikkerhedschef om problemer og blev fyret: "Det endte med voksen-mobning af værste skuffe"
Se alle »
White paper
Teaser billede
Sikkerhed gjort enkelt: Beskyt din virksomhed direkte i browseren
Læs mere »
TIDSBEGRÆNSET KAMPAGNE: Overvejer du at udskifte eller tilføje printere i din forretning? Vi kan tilbyde én eller flere maskiner GRATIS.
Se alle »

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