Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Oblanie obrazka tekstem, problem z <ul>
yavaho
post
Post #1





Grupa: Zarejestrowani
Postów: 449
Pomógł: 0
Dołączył: 26.05.2004
Skąd: Nowy Sącz

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


Dalem taki przyklad oblania obrazka tekstem (lepiej to jest widoczne w mniejszym okienku) a ponizej to samo ale zamiast tekstu jest wypunktowanie. I mam problem z ustawieniem odpowiedniego marginesu w przypadku wypunktowania. Caly czas kropeczki sa schowane za obrazkiem.
  1. .left {
  2. float: left;
  3. }
  4. .img {
  5. width: 90px;
  6. height: 90px;
  7. margin: 0px 5px 0px 100px;
  8. border: 2px solid #cccccc;
  9. }
  10. .txt {
  11. margin: 0px 100px 0px 100px;
  12. }
  13. .ul {
  14. margin: 0px 100px 0px 100px;
  15. }
  16.  
  17. <div class="left">
  18. <img class="img" src="http://forum.php.pl/uploads/av-6503.png" />
  19. </div>
  20.  
  21. <p class="txt">
  22. 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.
  23. </p>
  24.  
  25. <hr style="clear:both;" />
  26.  
  27. <div class="left">
  28. <img class="img" src="http://forum.php.pl/uploads/av-6503.png" />
  29. </div>
  30.  
  31. <ul class="ul">
  32. <li>1</li><li>2</li><li>3</li>
  33. <li>4</li><li>5</li><li>6</li>
  34. <li>7</li><li>8</li><li>9</li>
  35. </ul>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Kill3R
post
Post #2





Grupa: Zarejestrowani
Postów: 109
Pomógł: 0
Dołączył: 10.06.2003
Skąd: Tarnobrzeg/Poznań

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


witam

no wiec tak:

1. dla znacznika li tez daj margin-left

nie ma sensu robic klasy np dla znacznika ul
mozna to zrobic w ten sposob

  1. ul#cos {
  2. margin: 0 0 0 20px;
  3. }
  4. #cos li {
  5. margin: 0 0 0 20px;
  6. }
  7.  
  8. <ul id="cos">
  9. <li>text</li>
  10. <li>text</li>
  11. <li>text</li>
  12. </ul>


2 nie powinno sie podawac przy wartosciach zerowych px
zero to jest zero niexaleznie od tego czy to sa cm px em czy jeszcze jakies inne wymiary

3. jesli bedziesz pisal jakies style dla wszystkich elementow np typu img nie trzeba dla nich klasy tworzyc. Mozna bezposrednio

  1. img {
  2. .........
  3. }
  4.  
  5. <img src="" />
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 6.10.2025 - 04:39