webForumDet fria alternativet

enkelt ? men ack så svårt för mig

HTML & CSS

12 svar · 556 visningar · startad av cgus

Medlem sedan okt. 20095 inlägg
Frågan#1

Försöker få till en uppgift i xhtml, har inte kommit till CSS ännu.

Uppgiften är formulär i tabell, grejen är att det ser fin fint ut i preview i HTML-kitt men när jag kollar i EI eller firefox så fyller formen tex type="text"
inte hela columnen text fältet är en smal liten grej, ser för jäkligt ut :bla

Jag har provat att sätta hight i <td> och cellpadding =0 för <table> inget av detta biter, någon som kan hjälpa mig med detta ?

<table border="1" align="center" width="500" summary="table for form"
cellpadding="0" bgcolor="#FF99FF">
<tr>
<td>
<p align="right">Name</p>
</td>
<td width="60" height="20"> <-- här försöker jag få till höjd
<input name ="name" type="text" size="30" maxlength="50"/>
</td>
</tr>
..........

Medlem sedan nov. 20051 596 inlägg
#2

Jag begriper nog inte alls vad det är för textfält som du tycker är en smal liten grej. Testkör jag din kod så pekar du på border...<table border="1", men å andra sidan så är den hög... du får nog förklara bättre.

Medlem sedan okt. 200323 inlägg
#3

Jag förstår inte heller riktigt din fråga men har en annan kommentar:
- använd alltid små bokstäver i xhtml-kod, även färgkoden alltså (bgcolor="#ff99ff").
- om du vill skriva < eller > i löpande text, så är koden < resp >

Försök förklara ditt problem en gång till så kanske vi kan svara bättre.

Medlem sedan okt. 20095 inlägg
#4

En bild säger mer än 1000 ord
:e

Det jag vill fixa är inmatningsfälten fyller hela utrymmet i kolumnen

som det ser ut i den högra bilden som är från HTML-kit preview

notSoNice.jpglikethis.jpg
Medlem sedan nov. 20051 596 inlägg
#5

testa med cellspacing="0" i <table

Medlem sedan okt. 200323 inlägg
#6

Det kan ha att göra med hur stor text du har i vänsterkolumnen. Större text ger högre rader.

Medlem sedan nov. 20051 596 inlägg
#7

Självklart har Regulus rätt...:-)
Är det så att du inte får använda css?
Du kan ju börja lite...:-)

<style type="text/css">
	<!--
	table,th,tr,td,input,p{margin:0;padding:0;}
	td{line-height: 1;	}
	-->
	</style>

Lägg in detta i head i ditt dokument och se om det blir som du vill.
Jag tror det ska fungera.

Medlem sedan okt. 20095 inlägg
#8

tack för alla svar men...
jag har provat cellspacing och padding. får och får använda CSS tanken är att det skall gå att lösa utan men det var kanske inte riktigt så enkelt som man initialt tycker.

Medlem sedan okt. 20095 inlägg
#9

tanten's kod funkade, frågan är vad är det i dom raderna som fixar det ?

Medlem sedan nov. 20051 596 inlägg
#10

table,th,tr,td,input,p{margin:0;padding:0;}
den raden "nollställer alla webläsare när det gäller marginaler och padding.
Olika webläsare har olika marginaler och padding för tabeller och formulär, så för att få det likadant i alla så nollställer man och sedan lägger man till själv om man vill ha marginaler och padding.

td{line-height: 1;	} den här säger att textraden ska vara lika hög som bokstäverna, men för att få med svängar och prickar på bokstaverna så brukar man använda 1.2

Det är inte lätt att få tabeller och formulär lika utan css.

Medlem sedan juni 2006244 inlägg
#11

frågan är varför ni inte lär er koda korrekt med CSS från början istället =)

Medlem sedan nov. 20051 596 inlägg
#12

doridori skrev:

frågan är varför ni inte lär er koda korrekt med CSS från början istället =)

och det är...?

Medlem sedan juni 2006244 inlägg
#13

tanten skrev:

och det är...?

Med CSS, utan tabeller :)

251 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
122 ms — ändringar (db)