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
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
Farver i InDesign Af huddie i Andet design	2	01/11/202112:49	26/01/202219:01

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