Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Obrazek w prawym dolny rogu
Forum PHP.pl > Forum > Przedszkole
kkuubbaa88
jak mozna ustawic obrazek w prawym dolny rogu w komorce tabeli, aby tekst mogl bez problemow oblewac go od gory i lewej strony bez zadnych problemow ?
erix
Wstaw go na końcu treści komórki i daj mu float: right?
Shili
@up
To wcale nie wydaje się być tak proste, wtedy tekst nie opływa (co prawda nie wiem czy na komórkach, ale przy divach na pewno.

Nie znalazłam prostego rozwiązania, pewnie kluczę gdzieś mocno naokoło i kombinuję jak koń pod górę, ale bez js nie udało mi się otrzymać spodziewanego efektu a i z js nie do końca taki, jakiego powinnam się spodziewać. Na divach:

  1. function oblicz()
  2. {
  3. var height1 = document.getElementById('tekst').scrollHeight;
  4. height1 = height1 - 125;
  5. document.getElementById('wypelniacz').style.height = height1 + "px";
  6. }
  7. <body onload="oblicz()">
  8. <table><tr><td style="width: 300px; height: 300px;">
  9. <div style="width: 1px; float: right; clear: right;" id="wypelniacz"></div>
  10. <div style="width: 100px; height: 100px; background: red; float: right; clear: right; margin-top: 20px;"></div>
  11. <p style="" id="tekst">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  12. Why do we use it?</p>
  13. </td></tr></table>
  14. </body>

Trzeba się tylko pobawić marginesami i odejmowaną wartością w skrypcie. Na szybko nic innego mi do głowy nie przychodzi. Chociaż pewnie pomyślę, bo problem mnie zaciekawił.
erix
Hmm, ale powinno dać się rozwiązać to przez sam CSS. Z tego, co rozumiem z Twojego rozwiązania, to przecież coś w stylu position: fixed.

Cytat
aby tekst mogl bez problemow oblewac go od gory i lewej strony bez zadnych problemow ?


A jakie problemy teraz występują?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.