Bootstrap - ustawienie slidera w CSS

0

Witam serdecznie,
Mam małe problemy z bootstrapem :(
Mam stronkę: http://tinyurl.com/nn45wdt - i na niej 2 bannery obok siebie.

Problem z tymi bannerami jest następujący:

  • powierzchnia klikalna powinna być na całym obrazku bannera - a nie jest,
  • chciałbym żeby te 2 paski (niebieski i czerwony) były na skrajnych stronach slidera (czyli mają się "spotykać" na środku),
  • przy zmniejszaniu/powiększaniu okna przeglądarki - te 2 kolorowe paski powinny się przesuwać proporcjonalnie z oknem przeglądarki/sliderem
    (aktualnie nachodzi jeden na drugi).

Czy mógłbym prosić o pomoc z tym?
Kurczę, nie wiem jak to rozwiązać :(

Bardzo proszę o pomoc :)
Northwest

1

Straaaaaaaaszny burdel w cssie. Zaczynając od użycia 50 różnych font-sizeów, skończywszy na pojedynku !importantów. Właśnie z tego wynikają twoje problemy.

Odpowiedz na pytanie nr jest znajduje sie w screenie http://fotozrzut.pl/zdjecia/5fd9d32c82.png (podpowiedz... div wypozycjonowany z z-indexem zaslania obrazek).

Jak maja sie spotykac na srodku jak masz na nich left:0 !important?

Tutaj juz nie chcialo mi sie szukac, ale pewnie gdzieś ustawiłeś width na szytwno i masz babo placek :) Albo dałeś 50%, ale na sztywno jest ustawiony width parenta, wiec na jedno wychodzi.

Czy mógłbym prosić o pomoc z tym?
Kurczę, nie wiem jak to rozwiązać :(

PRZYŁOŻYĆ SIĘ DO KODOWANIA

Większość Twoich problemów by sie w ogóle nie pojawiło Northwest, gdybyś tylko poświęcił trochę czasu na naukę i rozwinął umiejętność szukania informacji w internecie.

0

Dziękuję bardzo :) Faktycznie pomogło i już nie szaleje :))

Mam jeszcze pytanie, teraz jak już nie ma tego "left"'a - to te bannery się nie "spotykają" na środku tych sliderów....
Chciałbym żeby to było też troszkę szersze na starcie (70rem).

Mógłbym prosić o pomoc?

OK, udało mi się osiągnąć pożądany efekt :-)

Jeśli to nie problem, to czy mógłbyś zerknąć w małej rozdzielczości (mała szerokość okna przeglądarki) - dlaczego to menu mi tak dziwnie "skacze" przy rozwijaniu?

0

Jak to skacze? Zwinąłem stronię i poza display: none / block i delikatnym opóźnieniem, to skakania nie widzę.

0

dokładnie, lekko skacze i działa z opóźnieniem. Zobacz proszę tutaj: http://serwer1356363.home.pl/testy/o_firmie.html
(lepiej to widać). Testuje na FF

0

Post zawiera lokowanie produktu (lol)

Masz w bardzo dziwny sposób zrobione to menu. Podczas trwania animacji dodajesz klasę collapsing, która zwiększa height z 1px do 91px, ale nie animuje overflow, z index itd., dlatego widać menu tylko kawałek, bo przykrywa jest slider z z-indexem (slider_pod_25_07, o ile sie nie myle).
Pozniej po skonczonej animacji jest dodawana klasa collapsed in która dodaje to co potrzeba, żeby menu było widoczne:

    overflow-y: auto;
    position: relative;
    z-index: 20;

Nie chce sie czepiac, ale to co tutaj masz to jakis konglomerat gowna :)

Polecam sięgnąć w koncu po jakis tutorial. Poswiecajac 1h dziennie w miesiac opanujesz solidne podstawy HTML, CSS, PHP i JS'a. Kursy na eduweb trwają po 7-10h, więc akurat, a jak nie chcesz płacic i bardzo szybko kumasz tutaj masz tutoriale ( ) learn html in 30 min. Bardzo Ci to ulatwi zycie. Dodatkowo naucz sie korzystac z dev tool'ow to wtedy bedziesz potrafil znalezc blad taki jak ten tutaj.

0

tak, wiem że to "dziwne" w tym miejscu. Ale jak to usunę to banner jest niewidoczny (wchodzi pod bannery) - ale za to chodzi płynnie :/
Dodałem to żeby był widoczny, ale przez to jest to zacinanie :/

0

Wchodzi bo masz gówniany css, jakbyś to zrobił porządnie to byś nie miał problemu. Otwórz YT, książkę czy cokolwiek i zrób to od nowa, tylko się przyłóż. Jeżeli dalej będzie brnął w to, to za chwilę znowu będziesz miał problem i jak go rozwiążesz? W css nie ma czegoś takiego jak !very_freakin_important_ignore_everything_else;

Nikt tutaj za Ciebie nic nie zrobi, jeżeli nie masz czasu się tego nauczyć to zleć to komuś kto się na tym zna, chociaż nie uwierzą, że godzinę dziennie nikt nie znajdzie. Wystarczy krócej spać.

0

(mówię o froncie)

1 użytkowników online, w tym zalogowanych: 0, gości: 1