Avatar billede clevzter Nybegynder
06. august 2002 - 14:41 Der er 12 kommentarer og
1 løsning

width i NS

Jeg har lavet en lille dropdown menu:
-->  http://clevzter.h4f.dk/test.html

I Internet Explorer skulle den gerne se sådan her ud:
--> http://clevzter.h4f.dk/IE.png
...og det gør den også!

MEN! i Netscape ser den sådan her ud:
--> http://clevzter.h4f.dk/NS.png

Understøtter NS ikke denne css-kode?
  .menuItem {
    background-color: #DDDDDD;
    border: 1px solid #416E9E;
    border-top-width: 0px;
    padding: 1px;
    padding-left: 3px;
    width: 90px;
    z-index: 3;
  }

Det er først og fremmest width den er galt med.
Men de forskellige menuItems overlapper også hinanden.

Hvad skal der gøres, så det ligner resultatet i IE?
Der må evt. gerne være et stylesheet til hver af de 2 browsere...
Avatar billede clevzter Nybegynder
06. august 2002 - 14:43 #1
hele stylesheetet kan ses her --> http://clevzter.h4f.dk/test.css
Avatar billede bamzen Nybegynder
06. august 2002 - 15:03 #2
Det er fordi du er nødt til at definere clip:rect() propertien for at ns opfører sig korrekt
Avatar billede bamzen Nybegynder
06. august 2002 - 15:03 #3
eksempelvis clip:rect(0px,90px,15px,0px)
Avatar billede clevzter Nybegynder
06. august 2002 - 15:06 #4
ahhh...!
Det har jeg hørt om engang
prøver det lige...
Avatar billede clevzter Nybegynder
06. august 2002 - 15:07 #5
er det bare sådan her?

.menuItem {
  background-color: #DDDDDD;
  border: 1px solid #416E9E;
  border-top-width: 0px;
  padding: 1px;
  padding-left: 3px;
  width: 90px;
  clip:rect(0px,90px,15px,0px)
  z-index: 3;
}
Avatar billede clevzter Nybegynder
06. august 2002 - 15:09 #6
det virker ik...
har husket ;'et til sidst, men stadig intet...
Avatar billede bamzen Nybegynder
06. august 2002 - 15:18 #7
hmm, mystisk, er desværre på arbejde, så har ikek tid til fordybelse
Avatar billede clevzter Nybegynder
06. august 2002 - 15:18 #8
det har ik noget at gøre med at der er en eller anden regl om at man ik må sætte width på <a> vel?

Det står jo sådan her i koden:
  <a href="java script:void(null);" class="menuItem">Log ind</a><br>
Er det fuldt lovligt?
Avatar billede bamzen Nybegynder
06. august 2002 - 15:21 #9
prøv at splitte dem ad, så div'et har en style, og linket en anden hvor du ikke sætter width eller clip... det er dit div der skal have clip værdien for at fylde ud
Avatar billede clevzter Nybegynder
06. august 2002 - 15:25 #10
Prøvede dette:
---------------------------------------------------------------------
<div id="headMyTC">
<a href="java script:void(null);" class="menuBar" onClick="hideShow('drop1');">MyTC</a>
<div id="drop1" style="clip:rect(0px,90px,15px,0px);">
    <a href="java script:void(null);" class="menuItem">Log ind</a><br>
    <a href="java script:void(null);" class="menuItem">Indbakke</a><br>
    <a href="java script:void(null);" class="menuItem">Indstillinger</a><br>
    <a href="java script:void(null);" class="menuItem">Opret</a><br>
</div>
</div>
---------------------------------------------------------------------
Men det virker heller ik...
Avatar billede clevzter Nybegynder
06. august 2002 - 15:43 #11
er der andre en bamzen, der har en idé?
Avatar billede knudgert Nybegynder
06. august 2002 - 17:06 #12
Indsæt
a {display: block}
i din css, så bliver bredden den samme i Netscape,og fjern <br> efter </a>
Det er jo et blockelement nu, så der bliver automatisk linjeskift.
Det er korrekt, at man ikkre kan sætte widt på <a>, derfor skal man lave det om til et blockelement.

Jeg har lagt den op på http://home13.inet.tele.dk/smedpark/clevzter/test.htm

Sletter den, når du har set den.
Avatar billede clevzter Nybegynder
06. august 2002 - 19:09 #13
Det var lige hvad jeg havde drømt om!
Tak skal I ha begge 2! Knud fik pointene. Håber det er i orden...
Hvor fornemt med sin egen mappe på dit websted, men du kan godt slette den nu...
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