Skocz do zawartości
kacperq

Jak wyświetlić tekst w rzędzie? CSS

Rekomendowane odpowiedzi

Napisano (edytowane)

Cześć.

próbuje stworzyć dodatkowe menu w Wordpressie. Zrobiłem coś takiego (to poniżej głównego, na czerwonym tle): https://bit.ly/2wcFl5g

problem w tym, że nie wiem jak ustawić tekst w rzędzie, tak jak w głównym menu (to na ciemnym tle). Teraz jak każdy widzi, tekst wyświetla się w tabelce. Szukam informacji o tym w internecie ale za nic nie mogę znaleźć... Ma ktoś jakiś pomysł? Z góry dzięki :-)

 

Moja strona -  https://bit.ly/2K2XDIT (menu jest widoczne tylko poniżej szerokości 1003px)

Edytowane przez kacperq

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Napisano (edytowane)

to nie wiem jak Ty szukasz, ale flexa to się nie doszukałeś :) ? 

.element{ // element nadrzędny  ( .czyli np kontener na elementy )

     display: flex;

}

 

Zacznij na początku od prostego kursu HTML i CSS a nie od razu od WP :) 

Oczywiście na tej strukturze musisz więcej opcji zmienić ale bez problemu da się zrobić :D

 

Screen Shot 2018-05-05 at 12.11.07.png

Edytowane przez Lindsey

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Napisano (edytowane)

Hmm, u mnie to wygląda nieco inaczej - po dodaniu display:flex; znika tło a same elementy się kurczą.  Już wcześniej tak było, dlatego myślałem, że flex za to nie odpowiada :P


Mógłbyś mi podać dokładny kod, którego użyłeś, by uzyskać powyższy efekt?

@Lindsey

Edytowane przez kacperq

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się

  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

×

Powiadomienie o plikach cookie

Korzystając z forum, wyrażasz zgodę na: Warunki użytkowania, Regulamin, Polityka prywatności.