 [html]oblanie obrazka tekstem, oblanie obrazka tekstem |
  |
| [html]oblanie obrazka tekstem, oblanie obrazka tekstem |
 3.07.2012, 09:12:03
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 233 Pomógł: 0 Dołączył: 18.01.2005 Ostrzeżenie: (0%) 
 |
Witam, mam div`a i chcę umieścić w nim po lewej stronie, w połowie wysokości obrazek. W div`a chcę wprowadzić tekst który ma oblać ten obrazek, tak że, 2-3 linijki tekstu nad obrazkiem, troche obok i reszta pod spodem obrazka. Tekst chcę wyjustować aby to ładnie wyglądało. Można to zrobić dzieląc tekst na 3 div`y ale ja chcę wprowadzać ten tekst do jednego div`a. Proszę o pomoc bo nigdzie nie mogę znaleźć rozwiązania.
|
 |
 
|
|
3.07.2012, 09:20:53
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 2.07.2012 Skąd: Inowrocław Ostrzeżenie: (0%)
|
Zasosuj FLOAT w obrazku np style="float: left;
tekst teskt tekst teskt tekst teskt tekst teskt tekst teskt tekst teskt <img src="grafika" alt="alteranatywa" style="float: left;" />tekst tekst tekst tekst tekst teskt tekst teskt tekst teskt Jeżeli o to ci chodziło Ten post edytował Quarr 3.07.2012, 09:21:41 |
|
|
|
|
3.07.2012, 09:37:00
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 233 Pomógł: 0 Dołączył: 18.01.2005 Ostrzeżenie: (0%)
|
nie całkiem, bo ten obrazek jest dodany w tekście a ma być poza nim, ale ma się w nim wyświetlić
|
|
|
|
|
3.07.2012, 09:45:50
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 2.07.2012 Skąd: Inowrocław Ostrzeżenie: (0%)
|
Nie rozumie
 na górze wyraźnie pisze OBLANY czyli tekst na przynajmniej 3 bokach obrazka. Więc o co chodzi z tym drugim postem? Skoro chcesz ustawić obrazek "-->poza tekstem<--", to co rozumiesz poprzez Cytat W div`a chcę wprowadzić tekst który ma oblać ten obrazek, tak że, 2-3 linijki tekstu nad obrazkiem, troche obok i reszta pod spodem obrazka. Możesz to jakoś graficznie przedstawić |
|
|
|
|
3.07.2012, 09:54:58
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 233 Pomógł: 0 Dołączył: 18.01.2005 Ostrzeżenie: (0%)
|
tekst ma być na górze, z prawej i pod obrazkiem, ma on być wczytany dynamicznie i w zależności od strony ma się zmieniać a obrazek musi być zawsze w tym samym miejscu i zawsze ten sam.
|
|
|
|
|
3.07.2012, 10:11:27
Post
#6
|
|
 Grupa: Zarejestrowani Postów: 709 Pomógł: 176 Dołączył: 24.10.2010 Ostrzeżenie: (0%)
|
Jedyne znane mi rozwiązanie, to wyświetlać tekst w częściach i obrazek umieścić w tekście.
Czyli wyświetlasz np pierwsze 100 słów, dajesz obrazek z float:left i dalej resztę słów tekstu. -------------------- http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
|
|
|
|
|
3.07.2012, 10:40:24
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 13 Pomógł: 0 Dołączył: 2.07.2012 Skąd: Inowrocław Ostrzeżenie: (0%)
|
Mi również już kombinowałem na wiele sposobów i nie da się albo dwa divy, albo pisanie tekstu z dołączonym obrazkiem (położenie obrazka zadeklarowane w css)
Można to również zrobić dynamicznie ale wtedy zawijamy tekst tylko pod obrazkiem a nad nim już nie Kod <style> .left { float: left; } .img { width: 90px; height: 90px; margin: 0px 5px 0px 100px; } .txt { margin: 0px 100px 0px 100px; } .ul { margin: 0px 100px 0px 100px; } </style> <div class="left"> <img class="img" src="http://www.bigchina.eu/uploaded/7/7d476f23d68fed5946b758f3c86a1740.jpg" /> </div> <p class="txt"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> nawet słynne CMS rozbijają na wile div'ów bądź akapitów ze zmiennymi marginesami lub zobacz na tą stronę http://www.csstextwrap.com/examples.php Ten post edytował Quarr 3.07.2012, 10:43:21 |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 30.04.2025 - 08:58 |
