Søg
Avatar billede Slettet bruger
01. maj 2003 - 14:24 Der er 14 kommentarer og
2 løsninger

Simpel drop down menu der kan smides ind i en tabel

Hej!

Jeg søger en simpel drop down menu der kan smides ind i en tabel, og derfor _ikke_ skal positioneres absolut.

Dermed kan jeg ikke bruge de menuer fra DynamicDrive eller DHTMLCentral. De går alle ud fra at en side designes med fast venstrebredde, og fast bredde. Det er ikke godt nok til mig.

Links til menuer er fint.

Den skal som minimum virke i IE og Netscape 7/Mozilla.

Skidt med ældre netscape og Opera, dem finder vi en anden løsning til.
Avatar billede schaefner Juniormester
01. maj 2003 - 14:29 #1
Kan du ikke bruge en der kan centreres. http://disneyzone.dk/menu/ ?
Avatar billede Slettet bruger
01. maj 2003 - 15:23 #2
Nej, da jeg skal bruge den til et layout der ikke er centreret, men hvor der er f.eks. 10% luft i venstre side og 20% i højre.

Men ellers tak :)
Avatar billede olebole Juniormester
01. maj 2003 - 18:25 #3
<ole>

1. "Jeg søger en simpel drop down menu" - sådan en findes ikke.
2. Du kommer nok ikke udenom, at den er absolut positioneret. Du skal til gengæld placere den med JavaScript - hvilket gør at menuen bliver endnu mere kompliceret.

/mvh
</bole>
Avatar billede Slettet bruger
01. maj 2003 - 19:01 #4
hehe...jow, jeg mener da at jeg i første semester på multimediedesigneruddannelsen (langt ord) lavede en dropdown-menu. Den virkede godtnok kun i IE, men den var ganske simpel og kunne lægges i en tabel ;)

Men lad mig omformulere:
Jeg søger en drop down menu....
Avatar billede olebole Juniormester
01. maj 2003 - 19:04 #5
Hvis du ikke bruger position:absolute, vil den skubbe til indholdet, når den folder ud. Du skal lægge menuen ovenpå resten og det kræver jo absolute  :)
/mvh
Avatar billede Slettet bruger
01. maj 2003 - 19:18 #6
Ja ok, men det hele kan jo så ligge i et <div> tag der har et højere z-index eller?
Avatar billede olebole Juniormester
01. maj 2003 - 19:24 #7
Ja, men kun hvis position er absolute. Prøv:

<div style="border:1px solid red;z-index:10;">bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br></div>
OleBole

Og:

<div style="position:absolute;border:1px solid red;z-index:10;">bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br></div>
OleBole
Avatar billede Slettet bruger
01. maj 2003 - 19:41 #8
hmm...det er ikke så nemt.

Men jeg fandt en der kunne positioneres xx antal % fra venstre, desværre virker den ikke i Opera. Men det er nok et fåtal der bruger den af vores brugere.

Hvis de vil være på nettet må de dælme se at få sig en browser man ikke skal tale kinesisk til. Både Mozilla/Netscape og IE kan finde ud af den jeg fandt...

Kom gerne med andre bud ;)
Avatar billede olebole Juniormester
01. maj 2003 - 19:46 #9
Mon ikke også den virker i Opera7? De fleste, der bruger Opera, er godt opdateret  ;o)
Men jeg er ganske enig ... Opera6 og ned var noget sølle skrammel.
/mvh
Avatar billede Slettet bruger
02. maj 2003 - 12:08 #10
Med lidt fiksfkserier fandt jeg frem til det her, som gør det muligt at placere den i forhold til en procentvis bredde i venstre side:

<script language="JavaScript" type="text/javascript">

//opera Netscape 6 Netscape 4x Mozilla
if (window.innerWidth || window.innerHeight){
docwidth = window.innerWidth;
docheight = window.innerHeight;
}
//IE Mozilla
if (document.body.clientWidth || document.body.clientHeight){
docwidth = document.body.clientWidth;
docheight = document.body.clientHeight;
}

bredde = (docwidth * 0.06);

</script>

docwidth bruger jeg så til at angive hvor langt den skal rykkes ind fra venstre. I dette tilfælde bliver det til 6%.
Tak for hjælpen.
Avatar billede Slettet bruger
02. maj 2003 - 12:17 #11
Hvis i vil have nogle af mine mange point bedes i svare ;)
Avatar billede snolle Nybegynder
06. maj 2003 - 10:10 #12
<html>
<head>
<style>
body{font-family:arial;}

table{font-size:80%;background:#000000}

a{color:black;text-decoration:none;font:bold}

a:hover{color:#666666;}

td.menu{background:#ffffff}

table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.all(elmnt).style.visibility="visible"
}

function hidemenu(elmnt)
{
document.all(elmnt).style.visibility="hidden"
}
</script>
</head>
<body>

<h3>Drop down menu</h3>

<table width="100%">
<tr bgcolor="#ffffff">
  <td onmouseover="showmenu('tutorials')" onmouseout="hidemenu('tutorials')">
  <a href="http://www.itforalle.dk">Sites</a><br />
  <table class="menu" id="tutorials" width="100%">
  <tr><td class="menu"><a href="http://www.hodesign.dk">hodesign.dk</a></td></tr>
  <tr><td class="menu"><a href="http://www.itforalle.dk">itforalle.dk</a></td></tr>
  <tr><td class="menu"><a href="http://www.c3d.dk">c3D.dk</a></td></tr>
  <tr><td class="menu"><a href="http://www.link2design.dk">link2design.dk</a></td></tr>
  <tr><td class="menu"><a href="http://www.hodclub.dk">hodclub.dk</a></td></tr>
  </table>
  </td>
  <td onmouseover="showmenu('scripting')" onmouseout="hidemenu('scripting')">
  <a href="http://www.hotscripts.com">Scripting</a><br />
  <table class="menu" id="scripting" width="100%">
  <tr><td class="menu"><a href="../js/default.asp">JavaScript</a></td></tr>
  <tr><td class="menu"><a href="../vbscript/default.asp">VBScript</a></td></tr>
  <tr><td class="menu"><a href="default.asp">DHTML</a></td></tr>
  <tr><td class="menu"><a href="../asp/default.asp">ASP</a></td></tr>
  <tr><td class="menu"><a href="../ado/default.asp">ADO</a></td></tr>
  </table>
  </td>
  <td onmouseover="showmenu('validation')" onmouseout="hidemenu('validation')">
  <a href="../site/site_validate.asp">Validation</a><br />
  <table class="menu" id="validation" width="100%">
  <tr><td class="menu"><a href="../site/site_validate.asp">Validate HTML</a></td></tr>
  <tr><td class="menu"><a href="../site/site_validate.asp">Validate XHTML</a></td></tr>
  <tr><td class="menu"><a href="../site/site_validate.asp">Validate CSS</a></td></tr>
  <tr><td class="menu"><a href="../site/site_validate.asp">Validate XML</a></td></tr>
  <tr><td class="menu"><a href="../site/site_validate.asp">Validate WML</a></td></tr>
  </table>
  </td>
</tr>
</table>

</body>
</html>

Ved sku ikke om du kan bruge den til noget men du kan i hvert gøre med den hvordan du vil altså den er rimelig dynamisk...
Avatar billede Slettet bruger
06. maj 2003 - 10:59 #13
hehe, den er da meget sød men virker vist desværre ikke i Mozilla og Netscape. Men et godt forsøg!
Avatar billede snolle Nybegynder
06. maj 2003 - 11:03 #14
hehe takker for pointene selvom jeg så ikke har besvaret dit spørgsmål.
Avatar billede Slettet bruger
06. maj 2003 - 11:17 #15
skidt med det, jeg fik jo løst det på en anden måde :)
Avatar billede snolle Nybegynder
06. maj 2003 - 11:18 #16
oki >:)~
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 17:00 Film Server Af dcedata1977 i Andet software
I går 12:56 Mistænkelige mails! Af ErikHg i E-mail
12/0914:10 Komme ind på : YouSeeMusic" Af Ikke-ekspert i Musik & videoafspillere
12/0913:27 Send/modtag i Outlook 2024 Af ErikHg i E-mail programmer
10/0915:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
White papers
Flere white papers »