Får inte rätt på DIV igen

8 svar · 684 visningar · startad av xtreme 13 feb. 2007

xtremeMedlem sedan juli 20002 056 inlägg

Frågan13 feb. 2007 15:57#1

Får inte rätt på DIV igen. Skickar med i table hur jag vill att det ska se ut. Princip så är det väl två kolumer som är centrerade och brevid varandra med lite luft i mellan och vänsterställt innehåll.

Så här vill jag ha det fast inte i table:

<table width="50%" align="center" border="0" cellspacing="10" cellpadding="0">
  <tr>
    <th align="left">Text1:<br />
    <input size="30" name="name" maxlength="45" /></th>
    <th align="left">Text2:<br />
    <input size="30" name="name2" maxlength="45" /></th>
  </tr>
  <tr>
    <th>&nbsp;</th>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th align="left">Text 3:<br />
    <input size="30" name="fmail1" maxlength="50" /></th>
    <td>Text 4:<br />
    <input size="30" name="fmail2" maxlength="50" /></td>
  </tr>
  <tr>
    <th>&nbsp;</th>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th>&nbsp;</th>
    <td><input name="button" type="button" onclick="validate();" value="Skicka" /></td>
  </tr>
</table>

cayaMedlem sedan aug. 20051 448 inlägg

13 feb. 2007 18:15#2

div, nja men det är ju ett formulär så jag föreslår fieldset med lite flytande p'n och avbrytande sådana som ger samma effekt...
nu har jag rensat koden, css'en litar jag på att du listar ut på egen hand :)

<fieldset id="wrap">
        <legend>Skicka texter</legend>

	<p class="left">
	Text1:<br />
	<input size="30" name="name" maxlength="45" />
	</p>
	<p class="right">
	Text2:<br />
	<input size="30" name="name2" maxlength="45" />
	</p>
	<p class="clear">&nbsp;</p>
	
	<p class="left">
	Text 3:<br />
	<input size="30" name="fmail1" maxlength="50" />
	</p>
	<p class="right">
	Text 4:<br />
	<input size="30" name="fmail2" maxlength="50" />
	<br /><br />
	<input name="button" type="button" onclick="validate();" value="Skicka" />
	</p>
	<p class="clear">&nbsp;</p>
</fieldset>

zcorpanMedlem sedan dec. 20042 245 inlägg

13 feb. 2007 19:18#3

Glöm inte <label> också (så man kan klicka på texten)... :)

xtremeMedlem sedan juli 20002 056 inlägg

13 feb. 2007 19:33#4

zcorpan skrev:

Glöm inte <label> också (så man kan klicka på texten)... :)

Vad menar du, vilken text ;) ?

Varför är det bättre att anvädna fieldset, just för att det är ett formulär?

xtremeMedlem sedan juli 20002 056 inlägg

13 feb. 2007 21:13#5

caya skrev:

med lite flytande p'n

Finns det någon anledning att du valde <p i stället för <div> förutom att p också ger en radbrytning?

cayaMedlem sedan aug. 20051 448 inlägg

13 feb. 2007 21:49#6

xtreme skrev:

Finns det någon anledning att du valde <p i stället för <div> förutom att p också ger en radbrytning?

ställ alltid "vad vill jag åstadkomma?" istället för frågan "hur kan jag bygga om denna <tabell> till <div>?"

när du visar att du har en tabellstruktur som i grunden är ett formulär är det bättre att använda de html-element som är till för att bygga ett formulär än att principiellt använda <div>.
det är väldigt vanligt att personer tänker för mycket på fråga två och tappar mycket av användarvänligheten och den strukturellt välformaterade htmlsida som egentligen eftersöks.

jag försökte få dig att tänka ett extra led :)

tack zcorpan förresten...

xtremeMedlem sedan juli 20002 056 inlägg

13 feb. 2007 22:26#7

caya skrev:

jag försökte få dig att tänka ett extra led :)

tack zcorpan förresten...

Tackar jag för... ;)

zcorpanMedlem sedan dec. 20042 245 inlägg

13 feb. 2007 22:49#8

xtreme skrev:

Vad menar du, vilken text ;) ?

Texten som hör ihop med formulärfältet.

<label>Text 1: <input name="name"></label>

xtremeMedlem sedan juli 20002 056 inlägg

14 feb. 2007 20:08#9

zcorpan skrev:

Texten som hör ihop med formulärfältet.
<label>Text 1: <input name="name"></label>

Tackar. Vill bara få det klargjort. Anledningen att du använder <label> är "endast" pga att man även kan markera/välja textrutan genom att klicka på texten i stället för att texten markeras.