jak wysrodkowac menu rozwijane ?

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
mazee_one
Posty: 5
Rejestracja: czw kwie 07, 2005 3:42 pm
Lokalizacja: gliwice/stalowa wola

jak wysrodkowac menu rozwijane ?

Post autor: mazee_one »

witam wszystkich :)
mam problem z menu, tzn nie moge go za chiny wysrodkowac...probowalem juz wielu kodow: div, center, umieszczalem menu w wywsrodkowanej tabelce ale to nie pomoglo, nadal jest po lewej stronie, pomozcie !
menu wyglada obecnie tak: www.super1600.webpark.pl/home.html
to jest kod do html'a:

Kod: Zaznacz cały

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

<head>

  <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
  
  <script type="text/javascript" src="home.js"></script>
  <script type="text/javascript" src="menu_items.js"></script>
  <link rel="stylesheet" type="text/css" href="menu_styles.css">
  <title>Richard Burns Rally liga on-line klasa Super 1600</title>

</head>


<body>
<script type="text/javascript">
var lmenu = new COOLjsMenu("leftMenu", MENU_ITEMS, null);
</script>

</body>
</html>
a to kod do zawartosci pliku menu_items.js:

Kod: Zaznacz cały

//menu items
var MENU_ITEMS = [
  {pos:[21, 20], size:[25, 100], itemoff:[0, 99], leveloff:[0, 0], delay:600, imgsize:[16, 16], arrsize:[16, 16], style:{border:1, shadow:0, color:{border:"White", shadow:"Gray", bgON:"Red", bgOVER:"White", imagebg:"#DBD8D1", oimagebg:"#B6BDD2"}, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}, 
    {code:"strona główna", url:"http://www.super1600.webpark.pl/home.html", format:{style:{border:1, shadow:0, color:{border:"White", shadow:"Gray", bgON:"White", bgOVER:"White", imagebg:"#DBD8D1", oimagebg:"#B6BDD2"}, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}},
    {code:"regulamin", url:"http://www.super1600.webpark.pl/regulamin.html", format:{style:{border:1, shadow:0, color:{border:"White", shadow:"Gray", bgON:"Red", bgOVER:"White", imagebg:"#DBD8D1", oimagebg:"#B6BDD2"}, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}},
    {code:"kalendarz", url:"http://www.super1600.webpark.pl/kalendarz.html"},
    {code:"zawodnicy", 
      sub:[
      {size:[25, 100], itemoff:[24, 0], leveloff:[24, 0], delay:600, imgsize:[16, 16], arrsize:[16, 16], style:{border:1, shadow:0, color:{border:"White", shadow:"Gray", bgON:"Red", bgOVER:"White", imagebg:"#DBD8D1", oimagebg:"#B6BDD2"}, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}, 
        {code:"Monte Carlo", url:"http://www.super1600.webpark.pl/zawodnicy_montecarlo.html"},
        {code:"Szwecja", url:"http://www.super1600.webpark.pl/zawodnicy_szwecja.html"},
        {code:"?"},
        {code:"?"},
        {code:"?"},
        {code:"?"},
        {code:"?"},
        {code:"?"},
        {code:"?"},
        {code:"?"}
      ]},
    {code:"wyniki", 
      sub:[
      {size:[25, 100], itemoff:[24, 0], leveloff:[24, 0], delay:600, imgsize:[16, 16], arrsize:[16, 16], style:{border:1, shadow:0, color:{border:"White", shadow:"Gray", bgON:"Red", bgOVER:"White", imagebg:"#DBD8D1", oimagebg:"#B6BDD2"}, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}, 
        {code:"Monte Carlo", url:"http://www.super1600.webpark.pl/wyniki_montecarlo.html"},
        {code:"Szwecja", url:"http://www.super1600.webpark.pl/wyniki_szwecja.html"},
        {code:"?"},
        {code:"?"},
        {code:"?"},
        {code:"?"},
        {code:"?"},
        {code:"?"},
        {code:"?"},
        {code:"?"}
      ]},
    {code:"statystyki", 
      sub:[
      {size:[25, 100], itemoff:[24, 0], leveloff:[24, 0], delay:600, imgsize:[16, 16], arrsize:[16, 16], style:{border:1, shadow:0, color:{border:"White", shadow:"Gray", bgON:"Red", bgOVER:"White", imagebg:"#DBD8D1", oimagebg:"#B6BDD2"}, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}, 
        {code:"Monte Carlo", url:"http://www.super1600.webpark.pl/statystyki_montecarlo.html"},
        {code:"Szwecja", url:"http://www.super1600.webpark.pl/statystyki_szwecja.html"},
        {code:"?"},
        {code:"?"},
        {code:"?"},
        {code:"?"},
        {code:"?"},
        {code:"?"},
        {code:"?"},
        {code:"?"}
      ]},
    {code:"klasyfikacja", 
      sub:[
      {size:[25, 100], itemoff:[24, 0], leveloff:[24, -1], delay:600, imgsize:[16, 16], arrsize:[16, 16], style:{border:1, shadow:0, color:{border:"White", shadow:"Gray", bgON:"Red", bgOVER:"White", imagebg:"#DBD8D1", oimagebg:"#B6BDD2"}, css:{ON:'clsCMOn', OVER:'clsCMOver'}}}, 
        {code:"indywidualna", url:"http://www.super1600.webpark.pl/klasyfikacja_indywidualna.html"},
        {code:"teamów", url:"http://www.super1600.webpark.pl/klasyfikacja_teamow.html"}
      ]},
    {code:"komentarze", url:"http://www.super1600.webpark.pl/komentarze.html"}
];
Asit
Zaczyna działać
Zaczyna działać
Posty: 402
Rejestracja: ndz lis 28, 2004 9:17 pm
Kontakt:

Re: jak wysrodkowac menu rozwijane ?

Post autor: Asit »

u mnie jest po srodku, problem chyba nieaktualny..
mazee_one
Posty: 5
Rejestracja: czw kwie 07, 2005 3:42 pm
Lokalizacja: gliwice/stalowa wola

Re: jak wysrodkowac menu rozwijane ?

Post autor: mazee_one »

ok, problem nieaktualny :)
ale pojawil sie kolejny :(
menu pod Opera dziwnie sie zachowuje, tzn, w rozdz. 800x600 podmenu jest przesuniete lekko w lewo lub w prawo, po ponownym odswiezeniu jest ok...jak temu zaradzic? jest jakis kod, dzieki ktroremu strona bedzie odswierzona automatycznie dwa razy tuz po otworzeniu?
poza tym po otworzeniu strony startowej: www.super1600.webpark.pl powinien byc slyszlny dzwiek, Opera i firefox go nieodtwarzaja, sluchac go jedynie pod IE...dlaczego ?
Asit
Zaczyna działać
Zaczyna działać
Posty: 402
Rejestracja: ndz lis 28, 2004 9:17 pm
Kontakt:

Re: jak wysrodkowac menu rozwijane ?

Post autor: Asit »

odnosnie tego dzwieku.. to jest normalne.. jedynie ie ma cos takiego jak <bgsound>
mazee_one
Posty: 5
Rejestracja: czw kwie 07, 2005 3:42 pm
Lokalizacja: gliwice/stalowa wola

Re: jak wysrodkowac menu rozwijane ?

Post autor: mazee_one »

rozumiem, a czy dzwiek zapisany w jakas grafike we flashu rozwiazal by ten problem?
Asit
Zaczyna działać
Zaczyna działać
Posty: 402
Rejestracja: ndz lis 28, 2004 9:17 pm
Kontakt:

Re: jak wysrodkowac menu rozwijane ?

Post autor: Asit »

tak.. flash jest chyba jedynym dobrym rozwiazaniem tego problem
mazee_one
Posty: 5
Rejestracja: czw kwie 07, 2005 3:42 pm
Lokalizacja: gliwice/stalowa wola

Re: jak wysrodkowac menu rozwijane ?

Post autor: mazee_one »

menu dziala poprawnie w IE wesji 5.0 w wyzszych juz nie jest tak piknie ;) w firefoxie jest ok, w Operze tez nie za dobrze...czy jest cos takiego jak uniewrsalny Doctype?
jesli mial ktos podobny problem z dzialaniem menu w roznych przegladarkach i spobie z nim poradzil prosze o podpowiedz ;)
czy ten Doctype jest dobry dla mojej stronki?:

Kod: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml">
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: jak wysrodkowac menu rozwijane ?

Post autor: Stig »

Może Cię to zainteresuje: http://www.alistapart.com/articles/dropdowns - to artykuł opisujący tworzenie rozwijanego menu. Efekt na pewno działa pod IE, Mozillą i Operą.
mazee_one
Posty: 5
Rejestracja: czw kwie 07, 2005 3:42 pm
Lokalizacja: gliwice/stalowa wola

Re: jak wysrodkowac menu rozwijane ?

Post autor: mazee_one »

to znowu ja, postanowilem zaczerpnac menu cos na wzor menu z linku, ktory podal Stig ;) Problem polega na tym, ze nie wiem jak wysrodkowac to menu, sa tam rozne parametry, ale jak tylko cos zmieniam to sie totalnie psuje :( udostepniam pliki (w sumie 7) spakowane zipem, jesli ktos by zechcial mi pomoc to prosze sobie je sciagnac i sprobowac zdzialac cos u siebie, bo tu na forum moglibysmy sie wymieniac opiniami i propozycjami godzinami bez wiekszych efektow...plik mozna zassac stad
poczatek body wyglada tak:

Kod: Zaznacz cały

<body>
<div class="nav">
<a name="down"></a>
<div style="position: absolute; z-index: 10000; left: 38px; top: 115px; width: 805px; height: 24px;" id="iaktuid_9711_1_" class="ktcssmenu ktskinarktic_red">
<div style="width: 805px; height: 24px;" class="kthorizontal ktopts_showtimeout_40 ktopts_hidetimeout_400 ktopts_imgreplace_no ktopts_imgreplacestyle_img ktopts_imgdir_includes%2Fcssmenus%2Fskins%2Finterakt%2Fimg%2F ktopts_imgnames_horizontal%2F%7Btext%7D.gif">
 <ul style="width: 805px; height: 24px;" class="lev1 clearfix">
dodatkowo parametry podobne do tych sa w plikach potrzebnych do dzialania tego menu, nie mialo by sensu wklejanie tu codu wszystkich tych plikow, dlatego udostepnilem calosc
ODPOWIEDZ