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

TinaH Nybegynder

15. oktober 2003 - 11:31 Der er 23 kommentarer og
2 løsninger

Ens trykknapper

Jeg har nogle knapper som jeg gerne vil have ser ens ud, og det er nemmest at bruge css til det. Men hvad skal man skrive, både i css og på hmtl siden?
Lige nu ser det sådan ud på hmtl-siden:
<input type="submit" value="Udlejning"
style="background-color: #dcdcdc; width: 120px; height: 45px; font-size: 18px; ">

Synes godt om

fangel Nybegynder

15. oktober 2003 - 11:35 #1

lav en CSS fil med

input {
background-color: #dcdcdc;
width: 120px;
height: 45px;
font-size: 18px;
}

og tilknyt denne, så er alle <input> tags under denne style...

Morten

Synes godt om

TinaH Nybegynder

15. oktober 2003 - 11:45 #2

Hvordan skal det så se ud i html-delen, altså hvor skal <input> hen?

Synes godt om

fangel Nybegynder

15. oktober 2003 - 11:47 #3

uhh - så lang tid siden jeg har lavet det inline - skal lige finde min bog frem

Synes godt om

fangel Nybegynder

15. oktober 2003 - 11:49 #4

indsæt mellem <head> og </head> (der står også en del andet, som du nok ved)

<style type="text/css">

</style>

---

istedet for

<input type="submit" value="Udlejning"
style="background-color: #dcdcdc; width: 120px; height: 45px; font-size: 18px; ">

skriver du nu bare

<input type="submit" value="Udlejning">

Morten

Synes godt om

ataris Nybegynder

15. oktober 2003 - 11:54 #5

hvis du har mange sider, ville det være lettere hvis du lavede et eksternt stylesheet og linkede dertil:

<head>
<link href="http://domæne.dk/stylesheet.css" type="text/css" rel="stylesheet"/>
</head>

Synes godt om

TinaH Nybegynder

15. oktober 2003 - 11:57 #6

Jeg bruger et eksternt stylesheet.
Jeg kan bare ikke få det med knapperne til at virke :(

Synes godt om

ataris Nybegynder

15. oktober 2003 - 11:59 #7

hvordan ser din kildekode ud?

Synes godt om

TinaH Nybegynder

15. oktober 2003 - 12:06 #8

<html>
<head>
<title>Untitled</title>
<link rel="Kopi af stylesheet" type="text/css" href="stylesheet.css">
<base target="venstremenu">
</head>
<center>

<table>
<br>
<tr>
<td>
<form action="vmenureservation.html" method="get">
<input type="submit" value="Faktura"
style="background-color: #dcdcdc; width: 120px; height: 45px; font-size: 18px; ">
(jeg har så fjernet alt ved style efter at have lavet css)
</form>
</td>

</center>
</body>
</html>

Synes godt om

TinaH Nybegynder

15. oktober 2003 - 12:07 #9

Jeg skal forresten senere lave flere knapper som skal se anderledes ud, og spm også skal i css, ændrer det på noget?

Synes godt om

roenving Novice

15. oktober 2003 - 12:16 #10

To muligheder:

1. du giver dine input classes:
<input class="inp1" ...>

-- og definerer dem derefter i stylesheet:

input {
background-color: #dcdcdc;
width: 120px;
height: 45px;
font-size: 18px;
}

.inp1{
background-color:red;
font-size:12px;
}

.inp2{
background-color:green;
font-size:24px;
}

2. du sørger for at definere classes for de omkringliggende elementer og så:

.venstre input{
background-color: #dcdcdc;
width: 120px;
height: 45px;
font-size: 18px;
}

.midt input {
background-color: #ccf;
width: 60px;
height: 25px;
font-size: 12px;
}

-- så kan du gruppere dine inputs i f.eks. divs:

<div class="venstre">
<input type="text" name="text1">
<input type="text" name="text2">
<input type="text" name="text3">
</div>

<div class="midt">
<input type="text" name="text4">
<input type="text" name="text5">
<input type="text" name="text6">
</div>

Synes godt om

TinaH Nybegynder

15. oktober 2003 - 12:36 #11

Det bliver nok nr. 2 løsning, men jeg har stadig ikke fået det til at virke med bare én knap

Synes godt om

roenving Novice

15. oktober 2003 - 12:49 #12

Du kan jo prøve det sådan !-)

<style type="text/css">
.venstre input{
background-color: #dcd;
width: 120px;
height: 45px;
font-size: 18px;
}

.midt input {
background-color: #ccf;
width: 60px;
height: 25px;
font-size: 12px;
}
</style>
-- så kan du gruppere dine inputs i f.eks. divs:

<div class="venstre">
<input type="submit" value="Send" name="text1">
<input type="button" value="Reload" name="text2">
<input type="reset" value="Reset" name="text3">
</div>

<div class="midt">
<input type="text" name="text4">
<input type="text" name="text5">
<input type="text" name="text6">
</div>

Synes godt om

roenving Novice

15. oktober 2003 - 13:13 #13

-- og så bør man vel også huske at sætte <head>- og >body>-tags ind, men det regner jeg sæ'fø'li' med at du har fod på -- ovenstående er godt nok til en demo i webwriteren eller IE ...

Synes godt om

TinaH Nybegynder

15. oktober 2003 - 13:46 #14

Det virker når man har style i html dokumentet, men lægger jeg det over i en ekstern css fil, vil det ikke virke, og jeg har husket at linke til det

Synes godt om

roenving Novice

15. oktober 2003 - 13:50 #15

Har du husket at undgå <style> og </style>-tags ?-)

-- ellers er der ingen forskel på interne og eksterne stylesheets !-)

Synes godt om

TinaH Nybegynder

15. oktober 2003 - 13:52 #16

Det har jeg husket at slette

Synes godt om

roenving Novice

15. oktober 2003 - 13:54 #17

-- og dine andres styles fra stylesheetet fungerer ?-)

Synes godt om

TinaH Nybegynder

15. oktober 2003 - 14:00 #18

ja, det gør de

Synes godt om

TinaH Nybegynder

15. oktober 2003 - 14:02 #19

Jeg fik det endelig til at virke, tak allesammen

Synes godt om

TinaH Nybegynder

15. oktober 2003 - 14:06 #20

Jeg tror ikke at jeg kan give point når I har skrevet til mig som "kommentar", så hvis I gerne vil have det, så må I lige skrive et eller andet (ligemeget hvad) som "svar"

Synes godt om

roenving Novice

15. oktober 2003 - 14:11 #21

Hvem vil du give points ?-)

Synes godt om

TinaH Nybegynder

15. oktober 2003 - 14:13 #22

Dig og dea_pg

Synes godt om

roenving Novice

15. oktober 2003 - 14:15 #23

Så må vi jo li'e vente lidt på Morten!-)

-- men velbekomme '-)

Synes godt om

fangel Nybegynder

15. oktober 2003 - 15:13 #24

faldt lige over et godt program på Discovery - og så kom frokost - but here I am...

et svar til dig

Morten

Synes godt om

roenving Novice

15. oktober 2003 - 15:27 #25

-- og tak for points ;~}

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

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	2	30/10/202409:37	30/10/202413:04
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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS