Søg
Avatar billede mulemule Nybegynder
09. juni 2006 - 11:01 Der er 7 kommentarer og
1 løsning

Width på button og textarea,

Hej CSS.

Hvorfor kan jeg ikke finde ud af sætte style sheet på mit input type textarea, og button så at der kommer min ejen width på ?
Det virker fint i IE men ikke i mozilla.

Mvh
Avatar billede fennec Nybegynder
09. juni 2006 - 11:10 #1
Ville være nemmere at hjælpe, hvis du viste os det style sheet du har brugt :o)
Avatar billede mulemule Nybegynder
09. juni 2006 - 11:32 #2
html fil:


<HTML>
<HEAD>
<LINK href='iframeDefaultStyles.css' type='text/css' rel='stylesheet'>
</HEAD>
<BODY>
<input class=styleOnNameTextBox type=text></input>
<input class=styleOnButton type=button value="knap"></input>
</BODY>
</HTML>

css fil:

.styleOnNameTextBox
{
    display: inline;
    width: 40 px;
    height: 40 px;
   
}

.styleOnButton
{
    display: inline;
    width: 180 px;
    height: 20 px;
    color: red;
   
}
Avatar billede mclemens Nybegynder
09. juni 2006 - 11:56 #3
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<LINK href='iframeDefaultStyles.css' type='text/css' rel='stylesheet'>
</HEAD>
<BODY>
<input class=styleOnNameTextBox type=text></input>
<input class=styleOnButton type=button value="knap"></input>
</BODY>
</HTML>
Avatar billede mclemens Nybegynder
09. juni 2006 - 11:57 #4
... husk en doctype :o)
Avatar billede mulemule Nybegynder
09. juni 2006 - 13:02 #5
Tak.

Det hjalp på en eller anden måde. Nu opfører de IE og Mozilla sig ens.

Nu kan jeg så ikke sætte width og heigth i nogen browser.

Hvordan sætter man korrekt style på button og textarea for at styre dens størrelse.
Avatar billede mclemens Nybegynder
09. juni 2006 - 13:10 #6
Det gør man som du gjorde... bortset fra at
man ikke skal have mellemrum imellem tal og
scala defineringen:
    width: 40 px; <- forkert
    width: 40px; <- korrekt

... dertil kommer at browsere ikke er enig om padding og margin på
elementer... det kan man dog afhjælpe ved at definere dem selv...
Prøv f.eks. denne css:

.styleOnNameTextBox
{float:left;
    width: 40px;
    height: 40px;
  padding:0px;margin:2px;
}

.styleOnButton
{float:left;
    width: 180px;
    height: 25px;
    color: red;
  padding:0px;margin:0px;
 
}
Avatar billede mulemule Nybegynder
09. juni 2006 - 13:39 #7
Super tak, nu kører det for mig.

Tak også får råd angående margin, det bliver sikkert snart relevant.

Mvh
Avatar billede mclemens Nybegynder
09. juni 2006 - 13:53 #8
Velbekom, og tak for point :)
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
07/1022:52 Google beskeder har/havde en bug, så den sendte tilfældige gamle beskeder gemt indeni nye beskeder efter skifte til ny Samsungtelefon via Samsung Smart Switch Af KennethLykke i Apps til Android
05/1010:31 Min IPAD vil ikke oplade. Af Nørdnot i Mac
04/1018:04 Findes der et "Papir-kurv" symbol, man kan sætte på Firefox og Google Chrome ? (For oven) Af Ikke-ekspert i Browsere
03/1012:14 Ang udskrift Canon mb5050 Af made18 i Printere
02/1021:29 Vedr. Windows 11 version 26H2 Af ErikHg i Fri debat
White papers
Flere white papers »