Avatar billede webcreator Nybegynder
30. juli 2004 - 23:47 Der er 5 kommentarer og
1 løsning

input og submit har ikke samme længde

Hej Eksperter.

Det er sidst på aftenen, så der indtræffer desværre lidt fejl i øjeblikket. Jeg sidder med nogle alm. input-felter samt en submit-knap. Men selv om jeg bruger CSS til at styre bredden, så bliver knappen og input-feltet ikke lige langt. Hvad gør jeg galt?

CSS placeret mellem <head> og </head> :

<style type="text/css">

body {
  font-family: Verdana, Arial;
  font-size: 10px;
  color: #000074;
}

.headline {
  font-size: 14px;
  font-weight: bold;
}

.suc {
  color: #006600;
}

.warn {
  color: #C70000;
}

input {
  font-family: Verdana, Arial;
  font-size: 10px;
  color: #000000;
  border: 1px solid #000000;
}

a {
  color: #000074;
  text-decoration: underline;
}

</style>

Mine felter :

<form action=\"".$_SERVER["PHP_SELF"]."\" method=\"post\">
<table width=\"300\" cellpadding=\"1\" cellspacing=\"0\" border=\"1\">
<tr>
  <td width=\"100\">Username</td>
  <td width=\"200\"><input type=\"text\" name=\"username\" style=\"width: 175px;\"></td>
</tr>
<tr>
  <td width=\"100\">Password</td>
  <td width=\"200\"><input type=\"password\" name=\"password\" style=\"width: 175px;\"></td>
</tr>
<tr>
  <td width=\"100\"><input type=\"hidden\" name=\"function\" value=\"1\"><input type=\"hidden\" name=\"submit\" value=\"1\"></td>
  <td width=\"200\"><input type=\"submit\" value=\"Login\" style=\"width: 175px;\"></td>
</tr>
</table>
</form>
Avatar billede thedeathart Nybegynder
30. juli 2004 - 23:50 #1
brug dog css til det hele

input { widht; 175px; }

og når td width er 200, og input kun 175 så er der self forskel
Avatar billede thedeathart Nybegynder
30. juli 2004 - 23:51 #2
og du kan btw. også sætte class på dine td

<td class="t1">

og så i css

td.t1 { width: 200px; }
Avatar billede webcreator Nybegynder
31. juli 2004 - 00:02 #3
Jeg har forsøgt mig med en fælles width - duede heller ikke. Så vidt jeg kan se, så er der igen fejl i mit CSS.
Avatar billede thedeathart Nybegynder
31. juli 2004 - 01:22 #4
http://www.thedeathart.dk/test.html

underligt virker da fint.

du kan bare sige "vis kilde"
Avatar billede webcreator Nybegynder
31. juli 2004 - 12:15 #5
Ja, jeg har selv prøvet at teste en form alene. Det er højest mærkværdigt. Jeg forstår simpelthen ikke, hvad der ødelægger min tabel..
Avatar billede webcreator Nybegynder
31. juli 2004 - 12:39 #6
Lukker
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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