Avatar billede newbie.dk Praktikant
15. marts 2004 - 16:49 Der er 5 kommentarer og
3 løsninger

Design af en formular-side

Jeg er ved lave en side, hvor der bla. skal være en formular-popup. Men hvordan gør man lige sådan en formular side spændende, altså designet/layout't.

Det håber jeg i har en masse gode ideer til og måske et par forslag jeg kan se. Eller viser nogle eksempler fra andre sider.
Avatar billede b_ball Nybegynder
15. marts 2004 - 20:42 #1
kan vi ikke få et link til en side den skal passe ind i?
Avatar billede newbie.dk Praktikant
15. marts 2004 - 21:45 #2
Jeg kan ikke vise nogen side endnu.
Men jeg mener hellere ikke formulersiden behøver et layout magen til. Jeg havde bare håbet på at få nogle gode ideer til en spændende 'indtastningsside' (hvis det kan lade sig gøre at gøre den spændende, jeg er lidt tvivl:))
Avatar billede Slettet bruger
15. marts 2004 - 23:48 #3
Jeg kan godt lide det er simpelt, men ren farvemæssigt skal det passe ind.
Man kan gøre en hel del med CSS, for at få boxene til at have andre farver og knapperne kan se anderledes ud.

Standard simpel form som jeg ka lide den:
<table width="400"  border="0" cellspacing="0" cellpadding="5">
  <tr>
    <td width="140"><div align="right"><strong>Navn:</strong></div></td>
    <td width="10">&nbsp;</td>
    <td width="250"><input type="text" name="textfield" /></td>
  </tr>
  <tr>
    <td width="140"><div align="right"><strong>Adresse:</strong></div></td>
    <td width="10">&nbsp;</td>
    <td width="250"><input type="text" name="textfield2" /></td>
  </tr>
  <tr>
    <td width="140"><div align="right"><strong>Postnr:</strong></div></td>
    <td width="10">&nbsp;</td>
    <td width="250"><input type="text" name="textfield3" /></td>
  </tr>
  <tr>
    <td width="140"><div align="right"><strong>By:</strong></div></td>
    <td width="10">&nbsp;</td>
    <td width="250"><input type="text" name="textfield4" /></td>
  </tr>
  <tr>
    <td width="140"><div align="right"></div></td>
    <td width="10">&nbsp;</td>
    <td width="250">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><input type="submit" name="Submit" value="Send" /></td>
  </tr>
</table>

Her er en med lidt stylescript osv. man skal bare arbejde nok med det så kan de blive lidt mere interessante, men i bund og grund er d ik det mest spændende
Avatar billede Slettet bruger
15. marts 2004 - 23:49 #4
<style type="text/css">
<!--
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}
input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    background-color: #E2E2E2;
    border: #333333;
}
-->
</style></head>

<body>
<table width="400"  border="0" cellspacing="0" cellpadding="5">
  <tr bgcolor="#9966FF">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr bgcolor="#9966FF">
    <td width="140"><div align="right"><strong>Navn:</strong></div></td>
    <td width="10">&nbsp;</td>
    <td width="250"><input type="text" name="textfield" /></td>
  </tr>
  <tr bgcolor="#9966FF">
    <td width="140"><div align="right"><strong>Adresse:</strong></div></td>
    <td width="10">&nbsp;</td>
    <td width="250"><input type="text" name="textfield2" /></td>
  </tr>
  <tr bgcolor="#9966FF">
    <td width="140"><div align="right"><strong>Postnr:</strong></div></td>
    <td width="10">&nbsp;</td>
    <td width="250"><input type="text" name="textfield3" /></td>
  </tr>
  <tr bgcolor="#9966FF">
    <td width="140"><div align="right"><strong>By:</strong></div></td>
    <td width="10">&nbsp;</td>
    <td width="250"><input type="text" name="textfield4" /></td>
  </tr>
  <tr bgcolor="#9966FF">
    <td width="140"><div align="right"></div></td>
    <td width="10">&nbsp;</td>
    <td width="250">&nbsp;</td>
  </tr>
  <tr bgcolor="#9966FF">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><input type="submit" name="Submit" value="Send" /></td>
  </tr>
  <tr bgcolor="#9966FF">
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
Avatar billede Slettet bruger
15. marts 2004 - 23:50 #5
Det er bare lidt forslag til hvad man kan gøre ikke noget om at sådan synes jeg man skal gøre, men med style script kan man gøre en del.
Avatar billede newbie.dk Praktikant
17. marts 2004 - 21:43 #6
Det var desværre ikke lige det.
Det er sikkert svær at komme med noget når I har så lidt at gå efter.
Håber der kommer flere indlæg.
Avatar billede newbie.dk Praktikant
25. marts 2004 - 00:57 #7
lukker
Avatar billede newbie.dk Praktikant
10. maj 2004 - 16:15 #8
Der er gået noget galt her.
Jeg deler point igen
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
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

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