H1 H2 - не могу разобраться.

E
На сайте с 12.06.2015
Offline
18
745

Не могу разобраться с заголовками H1-H2..не разбираюсь в коде. Верстальщик отдал в таком виде, я пытаюсь поставить в нужное место H1, но вторая строчка рассыпается. (становиться черной и маленькой)... Пробовал по аналогии с другим сайтом - все крушиться..

Вот первый код:

<div class="slider">
<div id="slider">
<div class="slid_item">
<div class="slid_info">
<p>Аэросъемка в Петербурге<br>
фото и видеосъемка с высоты</p>
<p>Объекты и территории, создание сферических (3D)<br>панорам, имиджевые и презентационные ролики “под ключ”.</p>
</div>
<div class="slod">
<img src="image/slider/slide1.jpg">
<img src="image/slider/slide2.jpg">
</div>


</div>

</div>
</div>
<div class="s1">
<div class="cent block_bord">
<div class="s_zag">
<h2>
Аэрофотосъемка объектов недвижимости<br>
</h2>
<p>Имиджевые и рекламные фотографии объектов. Подходят для использования в полиграфии,<br> наружной рекламе, для публикаций на сайтах и в презентациях.</p>
</div>

Нужно, чтобы "Аэросъемка в Петербурге" (красный) стал H1, а зеленая строчка "фото и видеосъемка с воздуха" - H2.

В оригинале H2 сейчас вот такое вот.. выделил фиолетовым.

И второй код - проблема такая же, но H1 выставлен правильно. Нужно только H2 подтянуть снизу. Сейчас все крушиться и становиться черным. Помогите поправить, пожалуйста. Что где поменять?

<div class="s1_cont">
<div class="cent">
<h1>Видеосъемка мероприятий и организация онлайн трансляции</h1>
<p>Видеотрансляция на сайты, экраны (плазмы) или youtube.<br>от 1 до 16 камер одновременно.</p>
</div>
</div>
<div class="cent">
<div id="nav"></div>
</div>
</div>
<div class="s2">
<div class="cent">
<div class="s2_zag">
<h2>Основные направления<h2>
<p>Для большинства мероприятий мы рекомендуем классическую схему трансляции в три камеры. Общий, средний и крупный план.</p>
</div>
L
На сайте с 30.10.2015
Offline
34
#1

<h1 font-color="red">Аэросъемка в Петербурге</h1>
<h2 font-color="green">фото и видеосъемка с высоты</h2>

на будущее вот конвертер текста в html

...
alaev
На сайте с 18.11.2010
Offline
694
#2

Зачем у вас <br> между h1 и h2?

Размеры h1 , h2 можете изменить в CSS - файле.

Создание и продвижение сайтов - https://alaev.net , аудиты сайтов, контекстная реклама
A4
На сайте с 24.08.2015
Offline
62
#3

Присоединясю в пользу ХТМЛ-редактора. Мне вот этот очень нравиться.

Все просто и понятно.

E
На сайте с 12.06.2015
Offline
18
#4

Онлайн редактор - это отлично. Но я ничего не понимаю. Что конкретно мне нужно сделать?

По поводу изменения размера в CSS тоже совсем не ясно. Здесь огромное количество кода, какие строки мне нужно найти?

Smart Shot
На сайте с 03.09.2015
Offline
66
#5

...

<div class="slid_info">

<h1>Аэросъемка в Петербурге</h1>
<h2>фото и видеосъемка с высоты</h2>

<p>Объекты и территории, создание сферических (3D)<br>панорам, имиджевые и презентационные ролики “под ключ”.</p>

</div>

...

Так? :)

Не очень понятен вопрос, честно говоря...

Если вы хотите изменить визуальное оформление, то эти правила настраиваются в CSS (вы скинули кусок html).

Скиньте сайт, так ничерта не понятно...

З.Ы. Выучите html и css, дело 1-2 месяцев...

SEO группа в ВК, где ответят на любой ваш вопрос! (https://vk.com/hello_seo_world) Книга по интернет-маркетингу (http://smartshot.ru/seo-dlya-seoshnikov/) Блог по SEO (http://smartshot.ru/blog/)
E
На сайте с 12.06.2015
Offline
18
#6
Smart Shot:
...
<div class="slid_info">
<h1>Аэросъемка в Петербурге</h1>
<h2>фото и видеосъемка с высоты</h2>

<p>Объекты и территории, создание сферических (3D)<br>панорам, имиджевые и презентационные ролики “под ключ”.</p>
</div>
...

Так? :)
Не очень понятен вопрос, честно говоря...

Если вы хотите изменить визуальное оформление, то эти правила настраиваются в CSS (вы скинули кусок html).
Скиньте сайт, так ничерта не понятно...

З.Ы. Выучите html и css, дело 1-2 месяцев...

Сайт aero-b2b.ru.

Сейчас вот так:

Код такой:

<p>Аэросъемка в Петербурге<br>
фото и видеосъемка с высоты</p>

Если меняю на H1-H2 (как мне и нужно.. чтобы для SEO), то результат такой:

На втором сайте похожая проблема. Что изменить в CSS именно, чтобы визуально все было так как в оригинале?

J-ran
На сайте с 24.06.2012
Offline
262
#7
evcamp:
Что изменить в CSS именно, чтобы визуально все было так как в оригинале?

[ATTACH]147954[/ATTACH]

[ATTACH]147955[/ATTACH]

Вот вам костыль. Особо не лазил, ибо пьян. Получится как то так:

[ATTACH]147956[/ATTACH]

jpg Screenshot_4.jpg
jpg Screenshot_5.jpg
jpg Screenshot_6.jpg
E
На сайте с 12.06.2015
Offline
18
#8

Спасибо, думаю разберусь.

A4
На сайте с 24.08.2015
Offline
62
#9

В браузере открывайте "исследовать элемент" и правьте css. так вы наглядно будете видеть что у вас получается. Итоговые цифры уже закинете на сервак в файл.

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