Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu



::
Autor Wiadomość
Zorann 
Blogger.Klub

Pomógł: 2 razy
Dołączył/a: 30 Kwi 2013
Posty: 44

Wysłany:    [blogger] Pozycja filmu z YT względem tekstu

Witam!
Mam problem z umieszczeniem tekstu we właściwej pozycji obok filmiku. W edycji posta nie ma problemu, uzyskuję takie coś:
http://img843.imageshack....beztytuu1mv.png
Ale podgląd pokazuje zupełnie co innego:
http://img823.imageshack....beztytuuotj.png

Póki co umieściłem tekst pod filmem, ale nie jestem zadowolony z efektu. Jak ustawić to w poprawny sposób? Z obrazkami nie ma takiego problemu...

Link do wpisu: http://omnibusy.blogspot....-moze-miec.html
Będę wdzięczny za pomoc.
 
  podziel si� tym postem na:




Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław

Wysłany: 2013-05-04, 05:22   Jak ustawić tekst obok filmu (z prawej lub lewej)?

Sposoby są trzy:

1) Ręczne dopisywanie stylów w widoku HTML każdego posta, można wybrać stronę za każdym razem
2) Ręczne dopisywanie wcześniej zdefiniowanych class do postów, również można wybierać po której stronie ma być film
3) Ustawienie wszystkich filmów zawsze z tej samej strony (lewej/prawej), jednorazowo.

1) Przełączasz się na widok HTML, w DIV z filmem dopisujesz w style:
Wiadomość (widoczna dla zarejestrowanych)
lub left. A w elemencie, który ma być już w osobnym akapicie dopisujesz do style (lub jak nie ma to style="tutaj-kod"):
Wiadomość (widoczna dla zarejestrowanych)


przykład:
Wiadomość (widoczna dla zarejestrowanych)


2) Najpierw w sekcji CSS (odszukaj ]]>< i dopisz tuż nad lub w dostosuj -> zaawansowane -> Dodaj arkusz CSS) dopisujemy klasy:
Wiadomość (widoczna dla zarejestrowanych)
zapisujemy zmiany a następnie, podobnie jak w 1) dopisujemy to do kodu HTML posta np.
Wiadomość (widoczna dla zarejestrowanych)


3) tak samo jak w 2) poniższy fragment dopisujemy do sekcji stylów:
Wiadomość (widoczna dla zarejestrowanych)

jeżeli tekstu obok filmu będzie za mało to tutaj też trzeba użyć tego .clear
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb

Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć
lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Zorann 
Blogger.Klub

Pomógł: 2 razy
Dołączył/a: 30 Kwi 2013
Posty: 44

Wysłany: 2013-05-04, 13:57   

Udało mi się to ogarnąć - wielkie dzięki.
Okazało się, że korzystanie z interfejsu WYSIWYG tworzyło w divie z filmem takiego coś:

Kod

style="clear: right; float: right;"

Co działa tylko w podglądzie. Nie wiem czemu na obrazkach to się sprawdza, ale znając moją lukę edukacyjną z CSSem pewnie nie dostrzegam czegoś oczywistego ;)

Zauważyłem jeszcze, że wystarczy dodać lub skasować potem pustą linijkę w WYWIWYG, a dodane ręcznie w trybie html style znikają... trzeba na to uważać, bo łatwo można sobie zmarnować pracę.
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2025 Wrocław | modified by Przemo © 2003 phpBB Group.
skocz na górę   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz