Notifikationer

Markér alle som læst Log ud

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

Synes godt om

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)

Synes godt om

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;

}

Synes godt om

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>

Synes godt om

mclemens Nybegynder

09. juni 2006 - 11:57 #4

... husk en doctype :o)

Synes godt om

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.

Synes godt om

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;

}

Synes godt om

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

Synes godt om

mclemens Nybegynder

09. juni 2006 - 13:53 #8

Velbekom, og tak for point :)

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

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS