Notifikationer

Markér alle som læst Log ud

thomasfricke Juniormester

21. maj 2009 - 19:40 Der er 8 kommentarer og
1 løsning

FORM BUTTON

Når jeg laver en buttom, i en form.
Laver den et kæmpe mellem rum under knappen, har prøvet at insætte "margin-bottom: 0px" og "padding: 0px". uden resultat.

Hvad kan der være galt ?

Synes godt om

zips Juniormester

21. maj 2009 - 20:13 #1

Uden kode kan næsten alt være galt, så et link til siden ville hjælpe os meget med at se hvad fejlen kunne være.

Synes godt om

thomasfricke Juniormester

21. maj 2009 - 20:25 #2

I CSS:
.button { width: 112px; height: 20px; border-style: solid; border-width: 1px; border-color: #99ccff; margin-bottom: 0px; margin-top: 0px; padding: 0px}

I FORMEN:
<tr height="20" width="588">

<td height="20" width="140" colspan="2">
</td>

<td height="20" width="448" align="right">
<input class="button" type="submit" value="Tilføj nu">
</td>

</tr>

Synes godt om

zips Juniormester

21. maj 2009 - 21:51 #3

Er det som dette du ønsker

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
<style type="text/css">
.button { width: 112px; height: 20px; border: 1px solid #99ccff;display:block;}
table{border-collapse:collapse;}
table td{margin:0;padding:0;}
</style>
</head>
<body>

<table style="background-color: #000fff;">
<tr style="height:20px; width:588px;">
<td style="width:140px;" colspan="2"></td>
<td style="width:448px;" align="right"><input class="button" type="submit" value="Tilføj nu"></td>
</tr>
</table>

</body>
</html>

Synes godt om

thomasfricke Juniormester

21. maj 2009 - 23:14 #4

Dine ændringer, i min kilde kode:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

table{border-collapse:collapse;}

table td{margin:0;padding:0;}

display:block

De ændrede ikke noget, og DOG!!!

Efter at denne kode "<meta http-equiv="Content-Type" content="text/html; charset=utf-8">" Forsvandt alle æ ø og å'er.

Synes godt om

zips Juniormester

22. maj 2009 - 09:44 #5

Da jeg jo kun fik en halv kode af dig, har jeg selv sat en doc type på og det css man bruger på en tabel, display:block er sat på for at få det til at se rigtigt ud i Firefox

Jeg går udfra du ønsker at din submit skal have samme højde som din <td> altså 20px og ikke noget luft over og under, siden du har denne højde i din class.

Kopier det hele ind i et nyt dokument og gemt det med encoding utf-8, derefter åben det og se om det er sådan du ønsker din submit skal se ud.

Når man bruger utf-8 skal dokumentet også gemmes med utf-8 encoding ellers vil æøå blive nogle mærkelige tegn.

Synes godt om

thomasfricke Juniormester

22. maj 2009 - 22:36 #6

Det har jeg prøvet nu, og det virker fint ;)

Men, så skal jeg jo til at lave mine filer om. Der må da være en løsning, så jeg ikke skal redigere så meget i mine filer.

Dvs. uden utf-8

Synes godt om

zips Juniormester

23. maj 2009 - 14:46 #7

Jeg har brugt utf-8 i min test, det behøver du ikke, du kan vælge lige det tegn sæt du ønsker på din side, ja lad det være i det du har nu som nok er iso-8859-1, for du har vel et tegn sæt på siden samt en valid doc type.

Du får også et svar her :-)

Synes godt om

thomasfricke Juniormester

23. maj 2009 - 18:43 #8

acceptere dit svar...

Men... Ja, det er nok mig. Men selvom jeg taster dine rettelser over i mit, ændre det ikke noget...

Men kopier jeg alt din tekst, i et nyt php dok. fungerer det fint. ;S

Synes godt om

zips Juniormester

23. maj 2009 - 19:06 #9

Tak for point, men vil heller have at det virker for dig.

Men uden et link til siden er det ikke nemt at se hvad det er som gør at det ikke virker for dig, da min og din kode næsten er ens.

Din kode
<tr height="20" width="588">
<td height="20" width="140" colspan="2"></td>
<td height="20" width="448" align="right"><input class="button" type="submit" value="Tilføj nu"></td>
</tr>

Min kode
<tr style="height:20px; width:588px;">
<td style="width:140px;" colspan="2"></td>
<td style="width:448px;" align="right"><input class="button" type="submit" value="Tilføj nu"></td>
</tr>

Jeg har slette de 2 height i <td> samt sat det i en style så det er valid kode.

Din CSS
.button { width: 112px; height: 20px; border-style: solid; border-width: 1px; border-color: #99ccff; margin-bottom: 0px; margin-top: 0px; padding: 0px}

Min CSS
.button { width: 112px; height: 20px; border: 1px solid #99ccff;display:block;}
table{border-collapse:collapse;}
table td{margin:0;padding:0;}

Her har jeg forenklet border samt fjernet margin og padding, der er kun sat display:block på pga Firefox, samt indsat table style så den er pakket sammen.

Håber det hjælper dig mere på vej.

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