Søg
Avatar billede 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; ">
Avatar billede 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
Avatar billede TinaH Nybegynder
15. oktober 2003 - 11:45 #2
Hvordan skal det så se ud i html-delen, altså hvor skal <input> hen?
Avatar billede fangel Nybegynder
15. oktober 2003 - 11:47 #3
uhh - så lang tid siden jeg har lavet det inline - skal lige finde min bog frem
Avatar billede 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">
<!--
input {
  background-color: #dcdcdc;
  width: 120px;
  height: 45px;
  font-size: 18px;
}
-->
</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
Avatar billede 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>
Avatar billede TinaH Nybegynder
15. oktober 2003 - 11:57 #6
Jeg bruger et eksternt stylesheet.
Jeg kan bare ikke få det med knapperne til at virke :(
Avatar billede ataris Nybegynder
15. oktober 2003 - 11:59 #7
hvordan ser din kildekode ud?
Avatar billede 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>
Avatar billede 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?
Avatar billede 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>
Avatar billede 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
Avatar billede 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>
Avatar billede 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 ...
Avatar billede 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
Avatar billede 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 !-)
Avatar billede TinaH Nybegynder
15. oktober 2003 - 13:52 #16
Det har jeg husket at slette
Avatar billede roenving Novice
15. oktober 2003 - 13:54 #17
-- og dine andres styles fra stylesheetet fungerer ?-)
Avatar billede TinaH Nybegynder
15. oktober 2003 - 14:00 #18
ja, det gør de
Avatar billede TinaH Nybegynder
15. oktober 2003 - 14:02 #19
Jeg fik det endelig til at virke, tak allesammen
Avatar billede 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"
Avatar billede roenving Novice
15. oktober 2003 - 14:11 #21
Hvem vil du give points ?-)
Avatar billede TinaH Nybegynder
15. oktober 2003 - 14:13 #22
Dig og dea_pg
Avatar billede roenving Novice
15. oktober 2003 - 14:15 #23
Så må vi jo li'e vente lidt på Morten!-)

-- men velbekomme '-)
Avatar billede 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
Avatar billede roenving Novice
15. oktober 2003 - 15:27 #25
-- og tak for points ;~}
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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 15:04 Kan Medie Player overspille en CD ? - Hvordan Af Ikke-ekspert i Musik & videoafspillere
I dag 14:06 Download af Win 11 vi aRufus Af lbc i Windows
I går 19:36 Kan man gøre skriften i Libre Office 26.8 - På en PC med Windows 10 mere stabil ? Af Ikke-ekspert i Office & Kontorpakker
I går 07:10 Problemer med PC Af sorensen84 i PC
28/1017:10 Installation af software til UPS Af ErikHg i Andet hardware
White papers
Flere white papers »