Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][CSS] Pozycja obrazka i tekstu
Posio
post
Post #1





Grupa: Zarejestrowani
Postów: 417
Pomógł: 44
Dołączył: 23.06.2011

Ostrzeżenie: (0%)
-----


Cześć chce osiągnąć na stronie taki efekt:
Kod
<h1>TEKST <IMG> TEKST</h1>


No i tu się zaczynają problemy, po pierwsze <img> w h1 (ponoć nie jest to zbyt poprawne)
i po drugie chcę aby po zmniejszeniu rozdzielczości do np. takiej telefonowej zamieniło się to na

Kod
<IMG>
<h1>TEKST TEKST</h1>


Z góry dzięki za pomoc.
Go to the top of the page
+Quote Post
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

Ostrzeżenie: (0%)
-----


Struktury nie można zmienić przy użyciu media queries.
Jeśli jednak nie zależy Ci na zmianie struktury, ale tylko tym aby obrazek wizualnie był na zewnątrz <h1>, to można wtedy użyć np. pozycjonowania absolutnego.
Innym rozwiązaniem jest zdublowanie <img>, jeden wewnątrz <h1>, drugi poza. Wtedy w zależności o rozdzielczości ukrywasz jeden z nich.
Gdyby jednak była wymagana zmiana struktury, to pozostaje JS.


--------------------
Go to the top of the page
+Quote Post
Posio
post
Post #3





Grupa: Zarejestrowani
Postów: 417
Pomógł: 44
Dołączył: 23.06.2011

Ostrzeżenie: (0%)
-----


Wielkie dzięki, zdublowany img to chyba najlepsze wyjście.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 19.08.2025 - 10:47