CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede visto Professor
11. juni 2001 - 12:36 Der er 11 kommentarer og
2 løsninger

Hjemmelavede knapper, der kan styres fra eksternt stylesheet

Jeg vil gerne selv lave nogle knapper til mine websider, så jeg selv har maximal indflydelse på udseenet og kan justere det henad vejen
Hvordan kan jeg gøre dette? - Findes der evt. nogle fleksible skabeloner/layouts, som jeg kan bearbejde?
Det er også et stort ønske, at jeg kan styre knappernes udseende - farve, størrelse og hvad der ellers måtte være - centralt fra et eksternt stylesheet. Kan dette lade sig gøre? - I givet fald hvordan?
Det er også af betydning, at websiderne ikke bliver for tunge at indlæse - jeg bryder mig meget lidt om langsomme websider.
Avatar billede keysersoze Guru
11. juni 2001 - 12:47 #1
tror ikke jeg er helt med - men et forsøg her på en knap man ud fra css kan styre udseendet på:

#inputbutton {
    background-color: #CCCCCC;
    border-bottom:solid 1px;
    border-left:solid 1px;
    border-right:solid 1px;
    border-top:solid 1px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    cursor:hand
}

<input id=\'inputbutton\' type=\'submit\' value=\'Login\' name=\'submit\'>
Avatar billede nikolajdu Nybegynder
11. juni 2001 - 12:51 #2
Keyser mener du ikke class=\"inputbutton\" ;-)
Avatar billede hejjjj Nybegynder
11. juni 2001 - 13:05 #3

<HTML>
<HEAD>
<STYLE>
INPUT{
    font-family : Courier, Monospace;
    color : darkblue;
    font-weight : bold;
    background-image : URL(graf/formcol.jpg);
    cursor : hand;
}
</STYLE>
</HEAD>
<BODY>
<FORM NAME=\"form1\">
    <INPUT TYPE=\"button\" value=\"Advarsel\" onClick=\"alert(\'Det ku\\\' ha\\\' været din tekst\')\">
    <BR>
    <INPUT TYPE=\"button\" VALUE=\"  Gul  \" STYLE=\"background-color : yellow\"  onClick=\"window.location=\'yellow.htm\'\">
</FORM>
</BODY>
</HTML>
Avatar billede visto Professor
11. juni 2001 - 13:30 #4
til keysersoze: Der kunne da være noget at gå ud fra med dine koder. Bortset fra at der ikke viser sig nogen knap i Netscape 4.0. Og selv om jeg er ved at give opgive at tage hensyn til Netscape 4.0 på alle leder og kanter (det er ret håbløst med CSS), så synes jeg det er i overkanten, hvis disse vigtige knapper slet ikke ses.
Så jeg håber der er et mere alment bud.
Af en eller anden mærkelig grund viser kanterne sig heller ikke på den tiltænkte tredimensionelle måde i IE.
Avatar billede nikolajdu Nybegynder
11. juni 2001 - 13:34 #5
Du kunne jo bruge et billede i stedet...

<img src=\"minKnap.gif\" onClick\"document.formNavn.submit();\">
Avatar billede parazite Nybegynder
11. juni 2001 - 13:34 #6
Grunden til at knappen ikke vises i NS 4.0 er sikkert manglenden <form></form>-tags. Bare en lille kommentar. :)
Avatar billede keysersoze Guru
11. juni 2001 - 13:51 #7
har desværre ikke NS4 installeret på nuværende tidspunkt - men prøv at kigge på www.soze.dk/default1.asp ... det er derfra jeg har taget eksemplet...
Avatar billede visto Professor
11. juni 2001 - 15:09 #8
Til heiiii: Det virker jo i og for sig OK, men umiddelbart virker de der standard Windows knapper ikke så oplivende, men jeg vil se hvor meget jeg kan presse udseenet.
Til nikolajdu:
det med knappen
<img src=\"minKnap.gif\" onClick\"document.formNavn.submit();\">
går nok ikke, fordi jeg skal have forskellige tekster på de mange knapper, og så ryger fidusen med at kunne styre centralt fra stylesheet..

Jeg er stadig åben overfor forslag.
Avatar billede nikolajdu Nybegynder
11. juni 2001 - 18:03 #9
Mit forslag for simpelthen for at undgå stylesheets der ikke virker i Netscape 4.x.

Selvfølgelig ikke så smart igen, hvis der skal være mange forskellige knapper.
Avatar billede visto Professor
12. juni 2001 - 08:37 #10
Knapperne foreslået af heiii virker som nævnt, men jeg må desværre sige, at jeg ikke kan holde ud og se på dem :-) selv når jeg har ændret hvad der kan ændres af indstillinger. Der er simpelthen for få parametre der kan ændres i forhold til udgangspunktet. Jeg søger derfor stadig en mere fleksibel metode, en metode hvor jeg enten selv kan fremstille knapper og have maximal indflydelse på udseenet, eller hvor \"skabelonen\" er mere fleksibel.
Avatar billede and.vang Nybegynder
22. juni 2001 - 15:06 #11
Læs denne bog:

Niels Skriver

Style Sheets - lær det selv!

Gå til www.bibliotek.dk og så på style sheets, så kommer den!

/Anders
Avatar billede keysersoze Guru
26. juni 2001 - 11:27 #12
har du fået løst dit problem?
Avatar billede visto Professor
27. oktober 2003 - 11:11 #13
I må undskylde det latterligt sene svar.

Den model jeg endte med at bruge ser ud som følger:
I stylesheet:
.knap
{
background: rgb(130,197,93); height: 17px; width: 80px; border-bottom: solid 1px; border: solid 1px
}
I html:
<div class="knap"></div>
Så keysersoze viste noget af vejen. Tak!
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
Microsoft 365 kurser
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.
Se alle Microsoft 365 kurser

Flere spørgsmål fra Andet design kategorien

Titel Indlæg Oprettet Seneste aktivitet
En som kan designe et LegoKørekort? Af Chris i Andet design 7 30/10/202404:18 30/10/202414:10
3D foto til stl Af johnnylassen i Andet design 1 31/07/202313:32 31/07/202314:28
InDesign - Af Ajnbnb i Andet design 6 29/07/202209:29 01/08/202209:18
Kan man fremstille numre med en cirkel eller firkant om ? Af Ikke-ekspert i Andet design 6 04/04/202211:38 04/04/202222:11
Logo til kostvejleder Af Buchwald i Andet design 3 18/02/202217:41 20/02/202216:52
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 19:53 CD Burner XP (Sætte den til at optage nogle numre fra en CD - Men ikke alle ? Af Ikke-ekspert i Musik & videoafspillere
I går 17:42 Katastrofe med Pc Af LilBe i PC
I går 09:44 Mine emails kan pluselig ikke læses af modtagerne, kun uforståelige tal og bogstaver Af gunnarb i E-mail programmer
24/1216:03 Fjern "Seneste" - "Hurtig adgang" Fra Windows 11 - Hvordan ? Af Ikke-ekspert i Windows
23/1214:43 html <Input.. Danske bogstaver Af pjotre i Andet software
White papers
Flere white papers »


Premium
Teaser billede
Historisk million-bøde får Region Syddanmarks it-direktør til at efterlyse nye GDPR-retningslinjer
Læs mere »
Ser med 'stor alvor' på problemer med vand, varme og manglende kontrol i politiets datacenter
Brugere rammes af Microsoft-fejl: M365-produkter er på mystisk vis blevet deaktiveret
Overblik: Danske it-selskaber strømmer ind mod den centrale storby - og det handler ikke om penge
Se alle »
Computerworld
Teaser billede
Netværkstest: Første mesh-sæt med komplette WiFi 7-features sætter nye rekorder for dækning og hastighed
Læs mere »
Til næste år kommer iPhone 17 – og ifølge rygtestrømmene vil den byde på tre nyheder
Her er dommen: Region Syddanmark skal betale historisk stor bøde for grove overtrædelser af GDPR
Nørgaard: Copilot scorer pænt højt i min kendte 3D-test (Dyrt, Dumt, Dårligt)
Se alle »
CIO
Teaser billede
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Læs mere »
En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed
TV 2 indsætter tidligere specialist i Forsvarets Efterretningstjeneste og hos KMD som ny CISO
AI er et falmende buzzword: Lad mig fluks dele en god og en dårlig nyhed
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Merete Søby klar med nyt top-job efter pludselig exit fra Schultz: Her er hendes nye job
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
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 turbo på din cloudperformance og minimér risikoen for DDoS-angreb
Læs mere »
Sikkerhed uden grænser: Cisco Hypershield
Sådan: Én løsning til compliance, sikkerhed og overblik
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 »