webForumDet fria alternativet

Större text utan vertikalt mellanrum

4 svar · 275 visningar · startad av aasah

aasahMedlem sedan mars 20034 471 inlägg
#1

Knasig formulering, men det är svårt att sammanfatta i rubriklängd...

Jag har en form som ser ut så här:

<form method="POST" name="LoginForm" action="$me" ><BR>
<table><tr>
<th colspan="2">Login, please!</th></tr>
<tr><td>
<table>
<tr><td>Name</td><td><input type="text" name="name" ></td></tr>
<tr><td>Password</td><td><input type="password" name="pass" ></td></tr>
</table> </td><td>
<input type="hidden" name="shyLForm" value="in" ><BR>
<input class="buttonColorG" type="submit" name="subL" value="Login!" >
<P><b>BOTH</b> fields are mandatory.</form></td></tr></table></P>

Problemet är att jag tycker att rubriktexten är för liten. Storleksmässigt skulle jag vilja ha den till h3 (eller möjligen h2). Om jag nu ändrar det till:

<form method="POST" name="LoginForm" action="$me" ><BR>
<table><tr>
[red][b]<th colspan="2"><h3>Login, please!</h3></th></tr>[/b][/red]
<tr><td>
<table>
<tr><td>Name</td><td><input type="text" name="name" ></td></tr>
<tr><td>Password</td><td><input type="password" name="pass" ></td></tr>
</table> </td><td>
<input type="hidden" name="shyLForm" value="in" ><BR>
<input class="buttonColorG" type="submit" name="subL" value="Login!" >
<P><b>BOTH</b> fields are mandatory.</form></td></tr></table></P>

så blir följden ett gräsligt brett "svalg" som öppnar sig mellan rubriken och resten av tabellen i vertikalled. :( Finns det bågon lösning på detta utöver att ge upp tanken på större text i rubriken? :q

K@llenMedlem sedan mars 20032 667 inlägg
#2

Vet inte riktigt om jag förstår dig rätt, men du kan ju styla mellanrummen före och efter din rubrik.

h3 {
margin-bottom: 2px;
margin-top: 1px;
}
jarvkloMedlem sedan juli 20013 378 inlägg
#3

Hmm...

<h3 style="margin-bottom:0;padding-bottom:0">

kanske ?
Du kan annars skippa <h3>-taggen och köra med

<th colspan="2" style="font-size:140%">

eller med annan lämplig storlek direkt ;)

MeleaMedlem sedan juli 20033 147 inlägg
#4

I CSS skriver du följande

h3 {
	display: inline;
}
aasahMedlem sedan mars 20034 471 inlägg
#5

jarvklo skrev:

Hmm...Du kan annars skippa <h3>-taggen och köra med

<th colspan="2" style="font-size:140%">

eller med annan lämplig storlek direkt ;)

Perfekt!!! Tusen tack! :birp

128 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)