Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html/xhtml][css] Odstęp przed ostatnią linią
Forum PHP.pl > Forum > Po stronie przeglądarki
plnice
23.09.2009, 13:36:27
Witam i proszę o pomoc,
Firefox 3.014 wyświetla mi akapit w ten sposób:


Jak pozbyć się odstępu przed ostatnią linią? W Operze 10 wygląda OK.

Ścieżka akapitu: html->body->div->dl->dd->em->strong

Style CSS w tym miejscu według FireBuga (wraz ze stylami przeglądarki):

Tekst
font-family: Calibri,Arial,sans-serif
font-size: 14.4167px
font-weight: 401
font-style: normal
color: #222222
text-transform: none
text-decoration: none
letter-spacing: normal
word-spacing: normal
line-height: 21.6333px
text-align: left
vertical-align: baseline
direction: ltr

Tło
background-color: transparent
background-image: none
background-repeat: repeat
background-position: 0 0
background-attachment: scroll
opacity: 1

Model pojemnika
width: auto
height: auto
top: auto
right: auto
bottom: auto
left: auto
margin-top 0
margin-right 0
margin-bottom 0
margin-left 0
padding-top 0
padding-right 0
padding-bottom 0
padding-left 0
border-top-width 0
border-right-width 0
border-bottom-width 0
border-left-width 0
border-top-color: #222222
border-right-color: #222222
border-bottom-color: #222222
border-left-color: #222222
border-top-style: none
border-right-style: none
border-bottom-style: none
border-left-style: none

Układ
position static
display inline
visibility visible
z-index auto
overflow-x visible
overflow-y visible
white-space normal
clip auto
float none
clear none
-moz-box-sizing content-box
Inne
cursor auto
list-style-image none
list-style-position outside
list-style-type disc
marker-offset auto

z góry dzięki za pomoc.

Miłosz Lewandowski

erix
23.09.2009, 14:13:45
Cytat
Jak pozbyć się odstępu przed ostatnią linią? W Operze 10 wygląda OK.

A nie masz gdzieś tam jakiegoś obrazka...?

Wrzuć ten kod na żywo.

Z tego, co podałeś, to można wywnioskować:
[CSS] pobierz, plaintext 
  1. line-height: 21.6333px
[CSS] pobierz, plaintext

Podawaj wartości całkowite, bo np. połowy nie da się wyświetlić. tongue.gif Niektóre przeglądarki świrują przy ułamkowych wartościach pikseli.
plnice
23.09.2009, 17:13:30
Takie dziwaczne ułamki zdaje się Firebug opracował, bo ja mam np. line-height liczone w em z tego co widzę.

[HTML] pobierz, plaintext 
  1. <body class="cms-page-view cms-certyfikaty">
  2. <div class="skipto">
  3. </div>
  4. <div id="container">
  5. <div id="hdr">
  6. </div>
  7. <div id="content">
  8. <div id="leftcol" class="cmspages col-right">
  9. </div>
  10. <div id="product-view" class="cmspages">
  11. <div id="pv-top"> </div>
  12. <div class="dashboard cms">
  13. <h2>Certyfikaty</h2>
  14. <a name="top"/>
  15. <dl id="narrow-by-list">
  16. <dt>
  17. </dt>
  18. <dd>
  19. <em>
  20. <strong>Kupując produkty z certyfikatem FSC wspierasz odpowiedzialną gospodarkę leśną. Wiesz, że Twoje zakupy nie przyczyniają się do niszczenia lasów na świecie i nie wspierają przedsiębiorstw łamiących prawa człowieka. Twój odpowiedzialny wybór sprawia, że na świecie jest coraz więcej lasów zarządzanych w sposób odpowiedzialny.</strong>
  21. </em>
[HTML] pobierz, plaintext


I z firebuga lista styli CSS, które w tym miejscu działają (tam gdzie są znaczniki "s" powinno być przekreślenie, BBCode nie działa w polu CSS):

[CSS] pobierz, plaintext 
  1. * {
  2. margin:0;
  3. padding:0;
  4. }
  5.  
  6. newgreen.css (wiersz 23):
  7.  
  8. b, strong {
  9. font-weight:bolder;
  10. }
  11.  
  12. html.css (wiersz 273):
  13.  
  14. Dziedziczony z em
  15. em {
  16. font-style:normal;
  17. }
  18.  
  19. newgreen.css (wiersz 45):
  20.  
  21. i, cite, em, var, dfn {
  22. [s]font-style:italic;[/s]
  23. }
  24.  
  25. html.css (wiersz 277):
  26.  
  27. Dziedziczony z dd
  28. .cms dl#narrow-by-list dd {
  29. font-size:0.9em;
  30. line-height:1.5em;
  31. }
  32.  
  33. newgreen.css (wiersz 213):
  34.  
  35. dl#narrow-by-list dd {
  36. [s]font-size:0.85em;[/s]
  37. }
  38.  
  39. newgreen...store.css (wiersz 1206):
  40.  
  41. dd, p {
  42. [s]font-size:0.9em;[/s]
  43. [s]line-height:1.35em;[/s]
  44. }
  45.  
  46. newgreen.css (wiersz 59):
  47.  
  48. Dziedziczony z div#container
  49. #container {
  50. text-align:left;
  51. }
  52.  
  53. newgreen.css (wiersz 72):
  54.  
  55. Dziedziczony z body.cms-page-view
  56.  
  57. body {
  58. color:#222222;
  59. font-family:Calibri,Arial,sans-serif;
  60. [s]font-size:100.1%;[/s]
  61. font-size-adjust:none;
  62. [s]font-style:normal;[/s]
  63. font-variant:normal;
  64. [s]font-weight:normal;[/s]
  65. [s]line-height:1.5em;[/s]
  66. [s]text-align:center;[/s]
  67. }
  68.  
  69. newgreen.css (wiersz 20)
  70.  
  71. Dziedziczony z html
  72. :root {
  73. quotes:"“" "”" "‘" "’";
  74. }
[CSS] pobierz, plaintext
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.