Forum służy wyłącznie jako archiwum. Nie można tworzyć nowych wątków i postów.
Tani hosting

Menu CSS i pozycja
szept Offline
Użytkownik

Liczba postów: 2
Reputacja: 0
Post: #1
Menu CSS i pozycja 21-01-2018 19:40
Cześć. Smile

Mam mały problem ze swoją stroną. Film wyjaśnia wiele, ale ja tylko wstawię fragment kodu.:
Kod:
a:link, a:visited, a:active, a:hover

        {
        text-decoration:none;
        color: #333;
        }
#bar     {
        z-index: 50;
        left: 500px;
        position: fixed;
        height: 400px;
        width: 130px;
        background: #FFF;
        opacity: 0.9;
        color: #333;
        font-size:13px;
        font-family : helvetica;
        padding-top: 8px;
        }
#galerry {

        z-index:0;
        left:0px;
        height:100%;
        width: 3200px;
        display: table;
        margin: auto;
        }

#stable {
          position: fixed;
           left: 0;
                right: 0;
          width: 100%;
          overflow: hidden;
           }

Po prostu nie chcę by na innych rozdzielczościach uciekało mi menu wyboru. Chcę żeby menu nie ruszało się niezależnie od rozdzielczości ekranu. Wiem, że chodzi tutaj o position: fixed, i że ono zależnie od rozdzielczości ekranu przesunie mi menu w daną stronę o ileś tam pixeli. Jednak chciałbym dopasować np. jakoś tak, żeby menu było od środka strony w dowolnej rozdzielczości ekranu mierzone. Cokolwiek byle by nie zachowywało się w ten sposób i jednocześnie żeby nie zmieniało swojej pozycji, jest jeszcze jest fragment kodu #gallery, który zakłada przesuwaną galerie zdjęć na szerokiej rozdzielczości ekranu. Jeszcze dodam przykład jak to wygląda na innych podstronach:
https://imgur.com/a/I8i8O






Liczę na szybką odpowiedź, dzięki!
(Ten post był ostatnio modyfikowany: 21-01-2018 19:42 przez szept.)
Cytuj
Diabeł Online
Użyszkodnik


Liczba postów: 777
Reputacja: 666
michalo2k Offline
Moderator

Liczba postów: 134
Reputacja: 21
Post: #2
RE: Menu CSS i pozycja 22-01-2018 12:58
Problem u Ciebie jest taki, że position: fixed; jest pozycjonowane względem okna i nie da się pozycjonować tego względem jakiegoś elementu na stronie, tak aby to dobrze działało. Rozwiązaniem może być:
- Zmiana layoutu, tak aby fixed był zawsze po lewej stronie ekranu left: 0;
- zastosowanie position absolute, ale wtedy nie będziesz miał efektu "przyklejenia" paska.
- napisanie w javascript skryptu na przyklejone menu
Cytuj
szept Offline
Użytkownik

Liczba postów: 2
Reputacja: 0
Post: #3
RE: Menu CSS i pozycja 22-01-2018 23:03
Już sobie poradziłem, dzięki. Wystarczyło wrzucić każdy ruchomy środek strony w IFRAME (ramkę) i załatwione. Na szczęście obyło się bez javascriptu.
Cytuj


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości