Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Border pod tekstem a nie nad.
Forum PHP.pl > Forum > Przedszkole
GoldeNx3
Mam oto taki kod CSS:

  1. div.foodpos {
  2. display: block;
  3. border-bottom: 1px solid #FFF;
  4. position: relative;
  5. clear:both;
  6.  
  7. }
  8. div.foodpos span.danie {
  9. display: block;
  10. text-align: left;
  11. font-size: 12px;
  12. color: #AD9C87;
  13. font-weight: bold;
  14. margin-left: 3px;
  15. float: left
  16. }
  17.  
  18. div.foodpos span.cena {
  19. display: block;
  20. text-align: right;
  21. font-size: 12px;
  22. color: #AD9C87;
  23. margin-right: 3px;
  24. float: right
  25. }



A taki HTML:

  1. <div class="foodpos">
  2. <span class="danie">Tekst po lewej</span>
  3. <span class="cena">Tekst po prawej</span>
  4. </div>



Wszystko jest dobrze, gdyby nie to, że linia (border) jest na samej górze, a ja chcę, by był pod tekstem.
Shili
http://jsfiddle.net/wcFKs/
Niktoś
Wybacz ale co to za kolor hex?#FFF
Shili
@Niktoś

Jest to poprawne definiowanie kolorów w formacie heksadecymalnym.
Przy podaniu trzech wartości każda z nich jest powielana.

#FAB to to samo co #FFAABB

@down
Heksadecymalny czy w formacie #FFBBAA czy #FBA to odwzorowanie rgb.
Oba z nich to format heksadecymalny, wbrew pozorom. Jeden jest po prostu formatem skróconym, który przeglądarki rozwijają do pełnej wersji.
Niktoś
To chyba RGB ,ni wiedziałem , to dlatego że ja używam wszędzie hex'ów.Up,doczytałem,heh czy takie skracanie jest aby bezpiecznie ,czy wszystkie przeglądarki to dobrze interpretują?
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.