przychodzę po pomoc w ramach “przedszkola” HTML’a i CSS’a. Nigdy nie brałem się za układ strony, projektowanie jego wyglądu co teraz odbija się na mnie po stokroć. Otóż, chcę uzyskać taki efekt jak na obrazku poniżej:
Interesuje mnie wyłącznie zaprojektowanie takiego układu elementów jak w czerwonym prostokącie. Menu, stopkę, etc. już mam. Strona wykorzystuje boostrap’a, aczkolwiek pomimo wykorzystywania jego możliwości, nie udaje mi się zmusić strony do tekstu po prawej stronie zdjęcia - wyświetla go poniżej. Zapewne moje umiejętności są zbyt małe w tym względzie.
I tutaj zwracam się do Was z prośbą. Czy jest ktoś w stanie nakierować mnie w tym względzie, tj. odpowiednich klas CSS i ich użycia w kodzie strony? Zdaję sobie sprawę z “przedszkolnego poziomu” problemu, aczkolwiek nie czułem i nie czuję się dobrze w kwestii układu i stylizacji strony.
Dawno nic nie robiłem w html/css, ale jak nikt ci nie pomógł to ja spróbuje.
Kod poniższy wklej na stronie: https://htmledit.squarefree.com/
To zobaczysz czy o to chodzi. To nie jest podzielone, ale łatwo się zorientować co jest czym. Oczywiście czerwone obramowanie nie jest potrzebne, dodałem je dla czytelności przykładu, usuń “border:3px solid red;”.
@anon1494722: bardzo dziękuję za pomoc, o takie rozwiązanie mi chodziło. Dopasowałem je do reszty strony i teraz działa dobrze. Teraz muszę jeszcze tylko popracować nad responsywnością przy mniejszych ekranach. Dzięki serdeczne za pomoc.
@Fizyda: no niby korzystałem z grid systemów Boostrapa, wypluwało rozwiązania, aczkolwiek nijak nie mogłem zmusić go do poprawnego wyświetlania. Rozwiązania reagowały na wszystko poza wyświetlaniem w dwóch kolumnach, stąd opadły mi już ręce. Aczkolwiek rozwiązanie zaproponowane przez Guntera sprawdziło się. Dziękuję za odzew.
Jeszcze raz dziękuję Panowie za pomoc, sprawa rozwiązana.
Jak korzystałeś z jakiś pseudo generatorów czy interfejsów graficznych to się nie dziwię. Sprawdzałeś mój kod? Za jego pomocą powinieneś uzyskać dwie kolumny.
@Fizyda: Twoje rozwiązanie również działa. O dziwo, korzystałem z kilku projektantów “gridów” z wykorzystaniem Boostrapa i pomimo różnych kodów, efekt zawsze mierny. Zastosowałem połączenie obu Waszych technik i uzyskałem zadowalający mnie efekt. Dziękuję za pomoc Panowie!
