Avatar billede alen32 Nybegynder
31. august 2005 - 12:34 Der er 7 kommentarer og
1 løsning

To liste i samme linie?

Jeg vil gerne have de to lister at de skal stå i den samme linie 
her er code:
<TITLE>Leverandør-Råvarer</TITLE>

<HEAD>
<SCRIPT TYPE="text/javascript">
<!--
function dropdown(mySel)
{
var myWin, myVal;
myVal = mySel.options[mySel.selectedIndex].value;
if(myVal)
{
if(mySel.form.target)myWin = parent[mySel.form.target];
else myWin = window;
if (! myWin) return true;
myWin.location = myVal;
}
return false;
}
//-->
</SCRIPT>


<HTML>
<TITLE>Pull-Down Menus</TITLE>

<HEAD>
<H1><center>Leverandør og Råvarer</center><H1>
<STYLE TYPE="text/css">

#menu1 { display : none }
#menu2 { display : none }
#menu3 { display : none }

a:link {color:black; text-decoration:none}
a:hover {color:blue; text-decoration:underline}

</STYLE>

<HEAD>
<hr>

<FORM 
ACTION="../cgi-bin/html/redirect.pl"
METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">

<OPTION VALUE="">Vælg leverandør
<OPTION VALUE="L:\056\AFALLES\KVALITET\Leverandør\Select.html">Select


</SELECT>
<INPUT TYPE=SUBMIT VALUE="OK">
</FORM>
<FORM  align=right
ACTION="../cgi-bin/html/redirect.pl"
METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">

<OPTION VALUE="">Råvarer liste
<OPTION VALUE="L:\056\AFALLES\KVALITET\Leverandør\Select.html">Sukker

</SELECT>
<INPUT TYPE=SUBMIT VALUE="OK">
</FORM>
Avatar billede fennec Nybegynder
31. august 2005 - 12:41 #1
Du kan f.eks smide det i en tabel:

<table>
<tr>
    <td>
<FORM ACTION="../cgi-bin/html/redirect.pl" METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">
<OPTION VALUE="">Vælg leverandør
<OPTION VALUE="L:\056\AFALLES\KVALITET\Leverandør\Select.html">Select
</SELECT>

<INPUT TYPE=SUBMIT VALUE="OK">
</FORM></td>
    <td>
<FORM  align=right ACTION="../cgi-bin/html/redirect.pl" METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">
<OPTION VALUE="">Råvarer liste
<OPTION VALUE="L:\056\AFALLES\KVALITET\Leverandør\Select.html">Sukker
</SELECT>
<INPUT TYPE=SUBMIT VALUE="OK">
</FORM></td>
</tr>
</table>
Avatar billede softspot Forsker
31. august 2005 - 12:42 #2
Du kan bruge en tabel


<FORM 
ACTION="../cgi-bin/html/redirect.pl"
METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">

<OPTION VALUE="">Vælg leverandør
<OPTION VALUE="L:\056\AFALLES\KVALITET\Leverandør\Select.html">Select


<table>
<tr>
<td>
<FORM ACTION="../cgi-bin/html/redirect.pl"
METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">

<OPTION VALUE="">Vælg leverandør
<OPTION VALUE="L:\056\AFALLES\KVALITET\Leverandør\Select.html">Select


</SELECT>
<INPUT TYPE=SUBMIT VALUE="OK">
</FORM>
</td>
<td>
<FORM  align=right
ACTION="../cgi-bin/html/redirect.pl"
METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">

<OPTION VALUE="">Råvarer liste
<OPTION VALUE="L:\056\AFALLES\KVALITET\Leverandør\Select.html">Sukker

</SELECT>
<INPUT TYPE=SUBMIT VALUE="OK">
</FORM>
</td>
</tr>
</table>


eller du kan bruge CSS og lade formularene flyde til venstre


<FORM  style="float:left; width:300px"
ACTION="../cgi-bin/html/redirect.pl"
METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">

<OPTION VALUE="">Vælg leverandør
<OPTION VALUE="L:\056\AFALLES\KVALITET\Leverandør\Select.html">Select


</SELECT>
<INPUT TYPE=SUBMIT VALUE="OK">
</FORM>
<FORM  style="float:left; width:200px" ACTION="../cgi-bin/html/redirect.pl"
METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">

<OPTION VALUE="">Råvarer liste
<OPTION VALUE="L:\056\AFALLES\KVALITET\Leverandør\Select.html">Sukker

</SELECT>
<INPUT TYPE=SUBMIT VALUE="OK">
</FORM>
Avatar billede fennec Nybegynder
31. august 2005 - 12:44 #3
Din HTML kode er desuden helt hen i vejret, og vil ikke blive valideret. Det skal se sådan ud i stedet:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <title>Untitled</title>
<STYLE TYPE="text/css">

#menu1 { display : none }
#menu2 { display : none }
#menu3 { display : none }

a:link {color:black; text-decoration:none}
a:hover {color:blue; text-decoration:underline}

</STYLE>
<SCRIPT TYPE="text/javascript">
<!--
function dropdown(mySel)
{
var myWin, myVal;
myVal = mySel.options[mySel.selectedIndex].value;
if(myVal)
{
if(mySel.form.target)myWin = parent[mySel.form.target];
else myWin = window;
if (! myWin) return true;
myWin.location = myVal;
}
return false;
}
//-->
</SCRIPT>

</head>

<body>
<table>
<tr>
    <td>
<FORM ACTION="../cgi-bin/html/redirect.pl" METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">
<OPTION VALUE="">Vælg leverandør
<OPTION VALUE="L:\056\AFALLES\KVALITET\Leverandør\Select.html">Select
</SELECT>

<INPUT TYPE=SUBMIT VALUE="OK">
</FORM></td>
    <td>
<FORM  ACTION="../cgi-bin/html/redirect.pl" METHOD=POST onSubmit="return dropdown(this.gourl)">
<SELECT NAME="gourl">
<OPTION VALUE="">Råvarer liste
<OPTION VALUE="L:\056\AFALLES\KVALITET\Leverandør\Select.html">Sukker
</SELECT>
<INPUT TYPE=SUBMIT VALUE="OK">
</FORM></td>
</tr>
</table>

</body>
</html>
Avatar billede softspot Forsker
31. august 2005 - 12:49 #4
...og hvis du skal have IE med over i standardsmode så skal din DOCTYPE se således ud:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

altså med en URL.
Avatar billede alen32 Nybegynder
31. august 2005 - 13:10 #5
Takker! Send et svar!
Hvordan øger jeg afstand mellem listerne?
Avatar billede softspot Forsker
31. august 2005 - 13:54 #6
Alt efter hvilken version du bruger, så skal du sætte bredden af det element som ligger omkring listerne. For tabel-udgaven sætter du

<td width="350">

og for CSS sætter du blot bredden op ved st skrive

style="float:left;width:350px;"
Avatar billede softspot Forsker
31. august 2005 - 13:55 #7
Hvis du mente mig, så har du et svar her... :)
Avatar billede softspot Forsker
31. august 2005 - 14:18 #8
Tak for point :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester