Marginal till <form>

KarlssonMedlem sedan maj 2000252 inlägg

Frågan30 juni 2004 21:28#1

Hejsan
Sökte och hittade ett tips för att få bort radbrytning efter ett formulär med display: inline. Har även margin-bottom: 0px
men lika förgrymmat så får jag inte bort avståndet i underkanten av formuläret! I Opera 7.11 så funkar det finemangen men inte i IE6!
Har t.o.m. satt display: inline på textarea, input och submit samt satt marginalen i tabellcellen där formuläret ligger till 0px.

Tacksam för svar / Karlsson

icaaqMedlem sedan okt. 20005 273 inlägg

30 juni 2004 21:34#2

Visa lite av din kod

mv icaaq

KarlssonMedlem sedan maj 2000252 inlägg

30 juni 2004 21:43#3

I CSS:en

form 		{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #333333;
				margin-bottom: 0px;
				margin-right: 2px;
				display: inline;
				}
textarea	{
				background-color: #e5e5e5;
				color: black;
				width: 98%;
				display: inline;
				}
input	{
				background-color: #e5e5e5;
				color: black;
				width: 100%;
				display: inline;
				}
submit	{
				width: 30px;
				text-align: left;
				float: left;
				margin-bottom: 0px;
				display: inline;
				}

Sen på själva sidan (håll i er, massa kod:-))

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>Hotell Westerlund Arjeplog Sweden</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="westerlund.css" rel="stylesheet" type="text/css">
</head>

<body>	
	
<div id='container' style="position: absolute; top: 5%; left: 50%; margin-top: 0px; margin-left: -310px; width: 620px; height: 700px;">
  <div align="left" style="float: left; position: relative; width: 349px;"><img src="bilder/loggo2.gif" alt="svensk logga" width="348" height="75" border="0" style="margin-bottom: 20px"></div>
  <div style="float: right; margin-right: 10px; position: relative; width: 161px;"> 
    <a href="innehall.asp?id=2&lang=se&hotell=ornen">
    <img src="bilder/liten_eagle_rounded.jpg" alt="bildl&auml;nk till hotell örnen" width="160" height="75" border="0"> 
    
    </a></div>
	<div style="clear: both; margin-top: -20px; margin-bottom: 0px;">&nbsp;</div>
  <div style="width: 620px;">  
<!-- BÖRJA KLIPP & KLISTRA HÄR-->

<table style="width: 620px;" border="0">
      <tr> 
        <td rowspan="2" valign="top"><img src="bilder/guestbook.jpg" alt="guestbook" width="300" height="300" border="0" style="margin-left: 0px; margin-top: 10px; vertical-align: bottom;"> 
        </td>
		<td valign='top'><img src='bilder/rub_gastbok.gif' alt='rubrik karta' width='300' height='44' border='0' style='margin-top: 0px;'></td>
		</tr>
		<tr>
        <td valign="bottom" style="margin-bottom: 0px; vertical-align: bottom;">

    <form name="form1" method="post" action="adda_gastbok.asp" style="margin-bottom: 0px; display: inline;">
      <p style="text-align: left">namn:<br>
        <input name="namn" type="text" id="namn">
        <br>
        e-post:<br>
        <input name="epost" type="text" id="epost">
        <br>
        Och detta vill jag s&auml;ga: <br>
        <textarea name="inlagg" rows="4" id="inlagg"></textarea>
      </p>
      <p> 
        <input type="submit" name="Submit" value="Skicka" style="width: 50%; float: left;">
        <input type="reset" name="Submit2" value="Radera" style="width: 45%; float: right;">
      </p>
    </form>

</td>
</tr>
<tr>
<td colspan="2">
<P>Visar nu sida <B>1</B> av 2, antal inlägg: 2</P><hr noshade='noshade' style='height: 1px; color: #666666'>
    <P style="text-align: left;">2004-06-30 13:19<br><br>
      
      <a href="XXXXXXXXXXXXX"><b>NN</b></a><br><br>
INLÄGG, TYP<br>
      
    <hr noshade="noshade" style="height: 1px; color: #666666">
    <p style='text-align: center'><< Föregående | <A href='/gastbok999.asp?page=2&lang=se&hotell=vargen' style='text-decoration: none'>Nästa >></A><p style='text-align: center'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sidor: <B>1</B> <A href='/gastbok999.asp?page=2&lang=se&hotell=vargen' style='text-decoration: none'>2</A> 		
		
		</td>
      </tr>
    </table>
<!-- SLUTA KLIPP & KLISTRA HÄR-->
  </div>
  <div style="clear: both"></div>
  <div style="text-align: center; margin-top: 15px; margin-left: 0px; margin-right: 0px;">
  
<table style="border: 0px; margin: 0px; padding: 0px; width: 100%; cellspacing: 10px"><tr>
<td style="width: 95px; text-align: center;"><a href="innehall.asp?id=5&lang=se&hotell=vargen" class="provar">KARTA</a></td>
<td style="width: 95px; text-align: center>TRAMS</td></tr></table>

  </div>
</div>

</body>
</html>