Форум Сайтостроение Веб-строительство

Вопрос по стилям, прошу помочь.

P
На сайте с 06.01.2009
Offline
592
postavkin
368

Здравствуйте.

Подскажите, пожалуйста.

Есть страница, в ней h1, ниже текст. Между h1 и текстом интервал как раз как нужен.

Но я хочу вставить между h1 и этим текстом ссылку "вернуться назад" (и поместить её в левую сторонуц экрана.

Подскажите, пожалуйста, что сделать чтобы "вернуться назад" шло как можно выше к строке h1 (т.е. между ними не было большого межстрочного интервала), а межстрочный интервал между "вернуться назад" и текстом который ниже был 6-7px.

Не получается никак. Спасибо заранее

Geers
На сайте с 12.04.2011
Offline
487
Geers
#1

Для ссылки "Вернуться назад" применить: align: left;

А после ссылки в html-коде вставьте просто <br>

Или примените для ссылки какой нибудь class, например: class="link";

И в css пропишите:

.link {

align: left;

margin-bottom: 7px;

margin-top: 0px;

}

P
На сайте с 06.01.2009
Offline
592
postavkin
#2
Geers:
Для ссылки "Вернуться назад" применить: align: left;
А после ссылки в html-коде вставьте просто <br>

Или примените для ссылки какой нибудь class, например: class="link";
И в css пропишите:
.link {
align: left;
margin-bottom: 7px;
margin-top: 0px;
}

Спасибо, так сделал. Но margin-top: 0px;

все равно слишком большим становится межстрочный интервал между h1 и ссылкой "вернуться..."

postavkin добавил 02.09.2011 в 16:57

Алилуйя, оказывается к h1 в стилях надо было дописать margin-bottom: 4px;

postavkin добавил 02.09.2011 в 17:25

Ребят, а как сдвинуть влево на 2px стрелочку pic1.gif?

content H1 {

padding-left: 35px;

margin-bottom: 2px;

background: url(../images/pic1.gif) no-repeat left 7px;

font-weight: normal;

font-size: 20px;

Geers
На сайте с 12.04.2011
Offline
487
Geers
#3
postavkin:
Спасибо, так сделал. Но margin-top: 0px;
все равно слишком большим становится межстрочный интервал между h1 и ссылкой "вернуться..."

postavkin добавил 02.09.2011 в 16:57
Алилуйя, оказывается к h1 в стилях надо было дописать margin-bottom: 4px;

postavkin добавил 02.09.2011 в 17:25
Ребят, а как сдвинуть влево на 2px стрелочку pic1.gif?
content H1 {
padding-left: 35px;
margin-bottom: 2px;
background: url(../images/pic1.gif) no-repeat left 7px;
font-weight: normal;
font-size: 20px;

background: url(../images/pic1.gif) no-repeat left 7px;

Поменять 7px на 5px

Или в этот код:

content H1 {

padding-left: 35px;

margin-bottom: 2px;

background: url(../images/pic1.gif) no-repeat left 7px;

font-weight: normal;

font-size: 20px;

Добавляете: margin-left: 5px;

Числовое значение меняете на свое усмотрение.

G
На сайте с 12.04.2008
Offline
101
GSMtricks
#4

margin-top: -5px

Тоже работать будет

Продажа сайтов (/ru/forum/866932) под Amazon и AdSense

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий