CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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.

Synes godt om

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\'>

Synes godt om

nikolajdu Nybegynder

11. juni 2001 - 12:51 #2

Keyser mener du ikke class=\"inputbutton\" ;-)

Synes godt om

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>

Synes godt om

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.

Synes godt om

nikolajdu Nybegynder

11. juni 2001 - 13:34 #5

Du kunne jo bruge et billede i stedet...

<img src=\"minKnap.gif\" onClick\"document.formNavn.submit();\">

Synes godt om

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. :)

Synes godt om

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...

Synes godt om

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.

Synes godt om

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.

Synes godt om

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.

Synes godt om

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

Synes godt om

keysersoze Guru

26. juni 2001 - 11:27 #12

har du fået løst dit problem?

Synes godt om

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!

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS

22/11

Test: Den snusfornuftige Volkswagen ID.3 blevet til lidt af el-bisse

22/11

Vil købe tele-løsninger til det offentlige for 370 millioner kroner

22/11

Nørgaard: Det er de neuro-divergente originalers tid

22/11

Sker helt åbenlyst: Ansatte i den kinesiske stat sælger borgernes personlige data på hemmelige internet-fora

22/11

Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"

22/11

Derfor bliver den amerikanske tvangs-opdeling af Google nok ikke til noget

22/11

Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen

22/11

Vi har fundet 10 ledige it-stillinger, som du kan søge netop nu

22/11

Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet

22/11

Kombit gør klar til at købe it-konsulenter for 140 millioner kroner - her er planen

22/11

Droner i krig - sådan anvendes de mest effektivt på slagmarken

Vis flere artikler

IT-JOB

Comby Denmark A/S

Netværksspecialist – Skab fremtidens netværksløsninger sammen med os

Udviklings- og Forenklingsstyrelsen

Motiverende chefkonsulent med souschefopgaver til PMO Gældssystemer

Udviklings- og Forenklingsstyrelsen

Projektleder til komplekse IT-infrastruktur og implementeringsprojekter

Nordic RCC

Security & Compliance Officer with an interest in the green energy transition

PensionDanmark

Automation Specialist til PensionDanmarks Process Automation Team

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I dag 22:30	Underlig meddelelse på skærmen Af Jordegern i E-mail programmer
I dag 15:56	Navigation i Peugeot 3-2008 fra 2017 Af arnepedersen i Andet software
I dag 14:10	Outlook henter ikke mails Af TTA i Office & Kontorpakker
I dag 13:58	vise billeder i kartotek med store ikoner inklusive optagelsesdato Af Malm i Billedbehandling
I dag 13:35	Adobe Elements 2019, Organizer Crasher Af mort1 i Billedbehandling