Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Программирование

Важная информация
Программирование - PHP, MySQL, JavaScript, CSS, HTML верстка и т.д.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 28.11.2012, 23:21   #1
 
Аватар для dazdranaganj
 
Сообщений: 70
FR (активность): 2,356

Доп. информация
По умолчанию Автор темы Помогите с html

Доброго времени суток.
Писал саит, добрался до странички - контакты. Написал текст и скачал блок яндекс карты. Установил его в середине текста, а картинка с картами отображается отдель и текст её не оптекает. А надо что бы оптикал. http://www.candy.servis-centr.msk.ru...tra-candy.html


<h2 class="стиль4">&nbsp;&nbsp;Один звонок нам, и Ваш холодильник обретет новую жизнь</h2>
<span valign="top"><!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (начало) -->
<div id="ymaps-map-id_1354125825728478276" style="width: 428px; height: 285px;"></div>
<div style="width: 428px; text-align: right;"><a href="http://api.yandex.ru/maps/tools/constructor/index.xml" target="_blank" style="color: #1A3DC1; font: 13px Arial, Helvetica, sans-serif;">Создано с помощью инструментов Яндекс.Карт</a></div>
<script type="text/javascript">
function fid_1354125825728478276(ymaps) {
var map = new ymaps.Map("ymaps-map-id_1354125825728478276", {
center: [37.61483797351068, 55.62610542571096],
zoom: 14,
type: "yandex#map"
});
map.controls
.add("zoomControl")
.add("mapTools")
.add(new ymaps.control.TypeSelector(["yandex#map", "yandex#satellite", "yandex#hybrid", "yandex#publicMap"]));
map.geoObjects
.add(new ymaps.Placemark([37.61870035449203, 55.62833927519455], {
balloonContent: "Сервисный центр Candy"
}, {
preset: "twirl#darkblueDotIcon"
}));
};
</script>
<script type="text/javascript" src="http://api-maps.yandex.ru/2.0-stable/?lang=ru-RU&coordorder=longlat&load=package.full&wizard=con structor&onload=fid_1354125825728478276"></script>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (конец) --></span><p class="стиль3" align="justify">&nbsp;&nbsp;Для того, чтобы Ваш холодильник Candy вновь начал бесперебойно работать, достаточно совершить один звонок в наш Сервисный центр по телефону: <span class="стиль5"><img src="images/num-tel-candy.jpg">. В любой день, включая выходные, с 9.00 до 20.00 часов Вам ответит оператор центра</span>, который примет заявку на ремонт холодильника, записав всю необходимую информацию. Этот заказ он передаст мастерам, которые, в свою очередь, приедут к Вам для диагностики и устранения неполадок или неисправностей. Большой штат компетентных операторов позволяет нам оперативно реагировать на запрос каждого клиента. Он располагается в офисе Сервисного центра, который находится <span class="стиль5">в Москве на Варшавском шоссе в доме № 125</span>. Это сердце нашей компании, доступ к нему для посторонних лиц ограничен. Но каждый звонок, поступивший от Вас, будет немедленно обработан и отправлен на исполнение. Если специалистам понадобится уточнить какую-либо информацию, то они свяжутся с Вами по контактному телефону.</p>

Сообщение добавлено 29.11.2012 в 00:22

Цитата:
Сообщение от dazdranaganj Посмотреть сообщение
Доброго времени суток.
Писал саит, добрался до странички - контакты. Написал текст и скачал блок яндекс карты. Установил его в середине текста, а картинка с картами отображается отдель и текст её не оптекает. А надо что бы оптикал. http://www.candy.servis-centr.msk.ru...tra-candy.html


<h2 class="стиль4">&nbsp;&nbsp;Один звонок нам, и Ваш холодильник обретет новую жизнь</h2>
<span valign="top"><!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (начало) -->
<div id="ymaps-map-id_1354125825728478276" style="width: 428px; height: 285px;"></div>
<div style="width: 428px; text-align: right;"><a href="http://api.yandex.ru/maps/tools/constructor/index.xml" target="_blank" style="color: #1A3DC1; font: 13px Arial, Helvetica, sans-serif;">Создано с помощью инструментов Яндекс.Карт</a></div>
<script type="text/javascript">
function fid_1354125825728478276(ymaps) {
var map = new ymaps.Map("ymaps-map-id_1354125825728478276", {
center: [37.61483797351068, 55.62610542571096],
zoom: 14,
type: "yandex#map"
});
map.controls
.add("zoomControl")
.add("mapTools")
.add(new ymaps.control.TypeSelector(["yandex#map", "yandex#satellite", "yandex#hybrid", "yandex#publicMap"]));
map.geoObjects
.add(new ymaps.Placemark([37.61870035449203, 55.62833927519455], {
balloonContent: "Сервисный центр Candy"
}, {
preset: "twirl#darkblueDotIcon"
}));
};
</script>
<script type="text/javascript" src="http://api-maps.yandex.ru/2.0-stable/?lang=ru-RU&coordorder=longlat&load=package.full&wizard=con structor&onload=fid_1354125825728478276"></script>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (конец) --></span><p class="стиль3" align="justify">&nbsp;&nbsp;Для того, чтобы Ваш холодильник Candy вновь начал бесперебойно работать, достаточно совершить один звонок в наш Сервисный центр по телефону: <span class="стиль5"><img src="images/num-tel-candy.jpg">. В любой день, включая выходные, с 9.00 до 20.00 часов Вам ответит оператор центра</span>, который примет заявку на ремонт холодильника, записав всю необходимую информацию. Этот заказ он передаст мастерам, которые, в свою очередь, приедут к Вам для диагностики и устранения неполадок или неисправностей. Большой штат компетентных операторов позволяет нам оперативно реагировать на запрос каждого клиента. Он располагается в офисе Сервисного центра, который находится <span class="стиль5">в Москве на Варшавском шоссе в доме № 125</span>. Это сердце нашей компании, доступ к нему для посторонних лиц ограничен. Но каждый звонок, поступивший от Вас, будет немедленно обработан и отправлен на исполнение. Если специалистам понадобится уточнить какую-либо информацию, то они свяжутся с Вами по контактному телефону.</p>
Как добиться обтекания текстом картинки?


Ремонт холодильников Liebherr https://l-service.moscow/

dazdranaganj вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 28.11.2012, 23:48   #2
 
Аватар для newinseo
 
Сообщений: 295
FR (активность): 8,496

Доп. информация
По умолчанию

блоку с картой сделайте
Код:
style="float: left"
см. http://www.w3schools.com/cssref/pr_class_float.asp

Оффтоп:
Cоветую изучить основы HTML и СSS, если хотите делать качественные сайты...
dazdranaganj: сообщение полезно
newinseo вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
dazdranaganj (29.11.2012)
Старый 29.11.2012, 00:25   #3
 
Аватар для dazdranaganj
 
Сообщений: 70
FR (активность): 2,356

Доп. информация
По умолчанию Автор темы

Каким тегом я понимаю. А не понимаю куда в коде ставить?


Ремонт холодильников Liebherr https://l-service.moscow/

dazdranaganj вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 29.11.2012, 00:36   #4
 
Аватар для Umka
 
Сообщений: 4,143
FR (активность): 80,659

Доп. информация
По умолчанию

Цитата:
Сообщение от dazdranaganj Посмотреть сообщение
куда в коде ставить?
После </h2>.
Я бы перед div-ом еще и строку отбил, типа: </h2><br /><div style="float: left".....
Или наоборот: h2 убрать в div. Тогда должна получиться слева карта, справа от нее - заголовок (по верхнему краю вровень), затем текст...
dazdranaganj: сообщение полезно
Umka вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
dazdranaganj (29.11.2012)
Старый 29.11.2012, 01:18   #5
 
Аватар для gunya
 
Сообщений: 144
FR (активность): 2,529

Доп. информация
По умолчанию

Цитата:
Сообщение от dazdranaganj Посмотреть сообщение
<p class="стиль3" align="justify">
Попробуй <p class="стиль3" align="left">
gunya вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 29.11.2012, 15:42   #6
 
Аватар для dazdranaganj
 
Сообщений: 70
FR (активность): 2,356

Доп. информация
По умолчанию Автор темы

Цитата:
Сообщение от gunya Посмотреть сообщение
Попробуй <p class="стиль3" align="left">


Не помогает.

Сообщение добавлено 29.11.2012 в 16:45

Цитата:
Сообщение от umka from ufa Посмотреть сообщение
После </h2>.
Я бы перед div-ом еще и строку отбил, типа: </h2><br /><div style="float: left".....
Или наоборот: h2 убрать в div. Тогда должна получиться слева карта, справа от нее - заголовок (по верхнему краю вровень), затем текст...
Все встало как надо. Спасибо.

Сообщение добавлено 29.11.2012 в 16:49

А как теперь сделать отступ текста от картинки?


Ремонт холодильников Liebherr https://l-service.moscow/

dazdranaganj вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 29.11.2012, 16:53   #7
 
Аватар для gunya
 
Сообщений: 144
FR (активность): 2,529

Доп. информация
По умолчанию

Цитата:
Сообщение от dazdranaganj Посмотреть сообщение
А как теперь сделать отступ текста от картинки?
<span valign="top" style="float: left;padding:100px;">
dazdranaganj: сообщение полезно
gunya вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
dazdranaganj (29.11.2012)
Старый 29.11.2012, 16:57   #8
 
Аватар для Umka
 
Сообщений: 4,143
FR (активность): 80,659

Доп. информация
По умолчанию

Цитата:
Сообщение от dazdranaganj Посмотреть сообщение
отступ текста от картинки
Ну оно так-то не картинка. Карта ведь имеется в виду?
Можно спозиционировать div.
То есть "Для того, чтобы Ваш холодильник.." - не в абзац, а в блок и этому блоку поставить position: absolute или position: relative
См. тут: http://htmlbook.ru/css/position

Ну или, как gunya предложил.
Umka вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 29.11.2012, 19:39   #9
 
Аватар для dazdranaganj
 
Сообщений: 70
FR (активность): 2,356

Доп. информация
По умолчанию Автор темы

[QUOTE=gunya;200709]<span valign="top" style="float: left;padding:100px;">[/QU

Вот так сделал, только 100 на 20 изменил и все как надо. Спасибо.

Сообщение добавлено 01.12.2012 в 06:25

Ребята подскажите. По чему когда использую списки:
<ul type="disc" style="color:#0000FF">
<li>&nbsp;&nbsp;</li>
<li>&nbsp;&nbsp;</li>
<li>&nbsp;&nbsp;</li>
</ul>
Тогда диски списка, ну точки эти, залазиют на изображение, а текс справа от него. Как сделать что бы диски не накладывались на изображение?


Ремонт холодильников Liebherr https://l-service.moscow/

dazdranaganj вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 3592 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите разгрузить HTML код Vitkus Программирование 3 06.07.2010 19:57
Помогите с РНР aslobodyan Программирование 6 22.05.2010 22:24
Помогите fanta Яndex 30 22.07.2009 14:49
Помогите с PHP GET woofer46 Программирование 5 07.05.2009 20:16
Переход с HTML на Joomla, помогите динозавру! Mazai Joomla 8 06.04.2009 21:08

Текущее время: 21:37. Часовой пояс GMT +3.