2013-08-04 9 views
0

Итак, я работаю над этим проектом (http://www.leapfm.com/), и я собираю обратную связь. Один пункт был:Css стиль в рельсах

1, как, отправил 5 дней ... бит дальше от линии оно связано с чем ниже ссылке. «Джеймс Блейк - ретроградный» -> 1 как -> похоже, может принадлежать к «Париж - Magic Man»

Но у меня возникают проблемы крепления, что помещение отступы: 0; в классе подтекста не работает.

Как это можно сделать?

код Snippit (уверен, что это на этом элементе):

.subtext { 
font-family: Verdana; 
font-size: 7pt; 
color: #828282; 
padding: 0; 
margin: 0; 
} 
+0

Можете ли вы показать кусочек кода, где проблема? Просто ссылка немного неясна. – putvande

+0

уверен, одна секунда (отредактирует исходный пост), но вы также можете использовать «проверять элемент» или «firebug» – Apane101

+0

не уверен..текстовый индекс: -xx px..негативный индекс может работать ... но не уверен ... если вы дадите нам скрипку, было бы здорово –

ответ

1

Кроме того ваш HTML разметка ужасно неправильно, например, вы не можете иметь li тег внутри тега span. Проверьте свой сайт на http://validator.w3.org/check?uri=http%3A%2F%2Fwww.leapfm.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0.

Вы не можете добавить margin и padding в span без его блочного объекта. Если вы добавите display:block к вашему .subtext, он будет сидеть ближе к вашему названию и может иметь больше margin внизу.

+1

+1 за хороший ответ, вместо того, чтобы искать Быстрое грязное исправление, лучше написать хороший код. – rmagnum2002

+0

rmagnum2002 прав, это подходящий ответ :) – Apane101

1

добавить ниже кода в .subtext

position:relative; 
top:-10px; 

Пример :: FIDDLE

+1

это взлом css, а не полезное решение. – rmagnum2002

+0

спасибо, он работал как исправление temp – Apane101