Jak zrobić float right:right dla zdjęcia1 żeby było nad zdjęciem2 kiedy zdjecie1 i zdjecie2 są w tym samym kontenerze? Swój problem wyjaśniłem w grafice poniżej (chcę uniknąć position:absolute z powodu tekstu który wejdzie pod zdjęcie - do tekstu nie chce dodawac margin-right, chcę po prostu zeby float:right zadziałało):
weź to kurde wrzuć na jsbin.com, żeby to się dało na żywo zaobserwować i poprawić na szybko, bo z tych malunków w paincie nic sensownego nie wynika
http://jsbin.com/pecufebupa/1/edit?html,css,output
Chcę dla zdjecia tej babki float:right ale żeby była w górnym prawym rogu section#historia.
Przenieś .zdjecie-one przed .pasek-one - zdjęcie wchodzi wtedy na ten pasek, nie wiem jaki miał być zamierzony efekt.
W co drugim elemencie stosujesz position - sugeruje to, że jako początkujący nie wiesz co robisz. Początkujący często myślą, że position jest lekiem na wszystkie ich problemy, a jest dokładnie odwrotnie.
Jeżeli chcesz, pasek-one też opływał zdjęcie, to umieść to zdjęcie poziom wyżej w ogóle.
dzek69 napisał(a):
Przenieś
.zdjecie-oneprzed.pasek-one- zdjęcie wchodzi wtedy na ten pasek, nie wiem jaki miał być zamierzony efekt.
Na to sam wcześniej wpadłem, nie wiem dlaczego to działa (brak clearfixa to to nie jest raczej bo dodawałem i nic nie zmienia) ale chyba przy tym pozostanę. Trudno. Myślałem, że kolejność taka jaka była w HTML da się zachować bo potem mam mobilną wersję strony i ta jaka była wersja HTML by się tam przydała ale jakoś inaczej rozwiążę. Nie ważne.