webForumDet fria alternativet

css/formulär problem

2 svar · 247 visningar · startad av Linski

LinskiMedlem sedan mars 20074 inlägg
#1

Hejsan.

Är ny här :) och har en fråga på hur det här skulle funka....

Gör en sida där ett formulär finns och text vid sidan om. Designen på sidan ska vara konstant, dvs att allt ska se likadant ut oavsett hur stort fönstret är. Det är uppbyggt med html och css och alla andra sidor är som de ska både i explorer och firefox, men inte just ansökningssidan.
Är det någon som stött på det här tidigare?
----------------------------------------------------------
Ansökningssidan:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<style type="text/css">

<!--

#tabell {position: absolute; left: 45px; top:70px; right:50px}

#ansrub {
position: absolute;
right: 230px;
top:166px;
left: 482px;
width: 345px;
height: 21px;
}

#ansrut {position: absolute; left: 540px; Top: 205px;}

#ansrut1 {position: absolute; left: 480px; Top: 495px;}

#ansrut2 {position: absolute; left: 480px; Top: 570px;}

#anstext {position: absolute; left: 480px; Top: 200px; line-height: 25px;}

#anstext1 {position: absolute; left: 480px; Top: 450px; line-height: 20px;}

#anstext2 {position: absolute; left: 480px; Top: 550px;}

-->

</style>

<title>Ansökan</title>

<link href="stilmall.css" rel="stylesheet" type="text/css">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="FFFAFA">

<div id="pagewidth">

<form method="POST" action="http://formfixer.com/ff/ff.cgi">

\<div id="tabell"\>

	\<table width="100%" border="0" cellspacing="1" cellpadding="1"\>

  \<tr\>

    \<td\>

        \<p\>Du kan ans&ouml;ka om medlemsskap genom foruml&auml;ret h&auml;r 

          till h&ouml;ger eller till v&aring;r medlemsansvarige Anders Claesson, 

          tel xxxx,  

        \<p\> Medlemsavgiften &auml;r 250 kr vid intr&auml;de och d&auml;refter 

          200 kr om &aring;ret. Anv&auml;nd klubbens Plusgiro 353 457-5. Avgiften 

          betalar du sj&auml;lv direkt, vilket &auml;r smidigast f&ouml;r 

          klubben (gl&ouml;m inte att skriva namn och adress) eller via inbetalningskortet 

          som du kommer att f&aring; skickat till dig efter anm&auml;lan. 

          Du kommer sedan att f&aring; en matrikel och vagnsm&auml;rke till 

          bilen. H&auml;r intill kan du fylla i uppgter som vi beh&ouml;ver 

          fr&aring;n dig f&ouml;r att du ska kunna bli medlem. 

        \<p\> Har du fr&aring;gor om klubben &auml;r du v&auml;lkommen att h&ouml;ra 

          av dig till klubbens ordf&ouml;rande Kjell Adelsund p&aring; telefon 

          xxxxeller via \<a href="mailto:cccc"\> e-post.\</a\> 

        \<p\> V&Auml;LKOMMEN!

</td>

    \<td\>\<img alt="etikett (11K)" src="bilder/etikett.gif" height="594" width="385" /\>\</td\>

  \</tr\>

\</table\>\</div\>

  \<p\>

  \<input type="hidden" name="s_email" value="linnea.nystrom@spray.se"\>

  \<input type="hidden" name="s_retur" VALUE="http://hem.bredband.net/nysli/bli_medlem-anm_skickad.htm"\>

\</p\>

\<div id="ansrub"\>\<font face="Arial, Helvetica, sans-serif" size="4"\>Ans&ouml;kan 
  om medlemsskap i SSJ\</font\>\</div\>			

\<div id="ansrut"\> 

  \<p\>\<input type="text" name="Namn" size="30"\>

<p><input type="text" name="Adress" size="30">
<p><input type="text" name="Postadress" size="30">
<p><input type="text" name="E-mail" size="30">
<p><input type="text" name="Telefon" size="30">
<p><input type="text" name="Mobiltelefon" id="Mobiltelefon" size="30">

</div>
<div id="ansrut1">
<p><textarea name="Entusiastbil/bilar" cols="35" rows="3" id="Entusiastbil/bilar"></textarea>
</div>
<div id="ansrut2">
<p><input type="text" name="tävlingslicens" id="tävlingslicens" size="25">
<br><br><input type="submit" value="Skicka" name="submit">
</div>
<div id="anstext">

  \<p\>Namn

<p>Adress
<p>Postadr
<p>E-post
<p>Tel hem
<p>Mobiltel
</div>
<div id="anstext1">
<p>Entusiastbil/bilar: <br>(märke, modell, årsmodell)
</div>
<div id="anstext2">
<p>Ev. tävlingslicens
</div>
</form>
</div>
</body>
</html>
---------------------------------------------------------------------
Stilmallen:
body

{font-family:Times New Roman; font-size: 14px; color:#666666; background-color: FFFAFA; margin-left:45px; margin-top:70px; }

a:link { text-decoration: none; color:#666666;}

a:visited { text-decoration: none; color:#666666;}

a:active { text-decoration: none; color:#666666; }

table

{font-family:Times New Roman; font-size: 14px; color:#666666; margin-left: 0px; margin-right: 123px;}

h1 {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#666666;}

h2 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#666666;}

h3 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666666;}

h4 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666;}

h5 {font-family:Times New Roman; font-size:11px; color:#666666;}

#pagewidth{

width:770px !important; /*själva layoutens storlek*/

text-align:left;

min-width: 500px;

}

#box {width: 300px; padding: 5px; position: absolute; left: 45px; top: 110px;}
#box2 {
width: 300px;
padding: 5px;
position: absolute;
right: 50px;
top: 70px;
left: 339px;
}
--------------------------------------------------------------------

tantenMedlem sedan nov. 20051 596 inlägg
#2

Hej och välkommen! :)
Lite svårt att läsa din kod när du inte använt dig av HTML-märket.
Men du har öppnat ett gäng med <p> på väldigt många ställen, utan att stänga dem, och ibland undrar jag varför du har dem med.
Jag ser inte heller att du gett p något värde i css.
Så det är lite svårt att se vad du försöker göra.
Stäng dem och se om du närmar dig vad du vill.

tantenMedlem sedan nov. 20051 596 inlägg
#3

Svarade för snabbt... ursäkta. Såg ju nu att du har en Doctype som tillåter att man inte stänger...
Ditt problem består snarast i att du angett absolut position på en del saker. Som märks när du minskar fönstret.
Kanske blir OK om du anger width på p.
Testa om det kan hjälpa.

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