Нужен совет

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

Предыдущая
1
2
3
Показаны 31-39 из 39

#31 27 апреля 2013 в 18:47

типичная ошибка
Madmax

Ну уж это то он должен знать… Я же голый html накидал...
Конечно для вставки в инстант нужно брать то что между body, а стили в шаблон/styles/mycss.css положить

#32 27 апреля 2013 в 18:51

VopisUVD, да вот теперь код правильный, данный вариант подойдет для прямоугольных фигур.

Зарабатываю здесь - Хостинг здесь - Жить в обществе и быть свободным от общества нельзя!...

#33 27 апреля 2013 в 19:06

Вот что получилось (это при том, что изображения img1, img2, img3, img4, были тоже прописаны)

Сегодня в 14:26

#34 27 апреля 2013 в 19:11

пример:

Зарабатываю здесь - Хостинг здесь - Жить в обществе и быть свободным от общества нельзя!...

#35 27 апреля 2013 в 19:15

Мы наверное должны догадаться про размеры вашей основной картинки и про размеры внутренних картинок — блоков )))
Ибо поправить вы сами видимо не хотите.

Зарабатываю здесь - Хостинг здесь - Жить в обществе и быть свободным от общества нельзя!...

#36 27 апреля 2013 в 19:28

Спасибо VopisUVD за наводку (в карму плюсанул), но это в приведенном виде не заработало, поэтому я немного его изменил и он заработал.

Итак, привожу рабочий код:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Карта</title>
<!-- Styles -->
<style type="text/css">
#big_img {
    position: relative; /* Относительное позиционирование */
    background: url(/images/russia-54.jpg) no-repeat #f0f0f0; /* Картинка и цвет фона */
    height: 600px; /* Высота блока */
    width: 800px; /* Ширина блока */
}
#img1 {
    position: absolute;
    right: 300px; bottom: 280px; /* Положение от правого нижнего угла */
	display: block;
}
#img2 {
    position: absolute;
    right: 10px; top: 130px; /* Положение от правого верхнего угла */
	display: block;
}
#img3 {
    position: absolute;
    left: 170px; bottom: 130px; /* Положение от левого нижнего угла */
	display: inline-block;
}
#img4 {
    position: absolute;
    left: 50px; top: 100px; /* Положение от левого нижнего угла */
	display: inline-block;
}
</style>
</head>
<body>
<div id="big_img">
<div id="img1"><a href="http://sait.ru/1"><img width="150" height="106" alt="" src="/images/dswawfw.gif" /></a></div>
<div id="img2"><a href="http://sait.ru/2"><img width="150" height="106" alt="" src="/images/dswawfw1.gif" /></a></div>
<div id="img3"><a href="http://sait.ru/3"><img width="150" height="106" alt="" src="/images/dswawfw1.gif" /></a></div>
<div id="img4"><a href="http://sait.ru/4"><img width="150" height="106" alt="" src="/images/dswawfw2.gif" /></a></div>
</div>
</body>
</html>

#37 27 апреля 2013 в 22:48

Но код можно и по другому сделать...
VopisUVD

Я как бы об этом и говорил сразу...
Усли бы перешли по тем ссылкам что я приводил… днем бы сделали что нужно joke

ПС: Вы кстати с свойством display еще определитесь я 2 варианта кинул…

#38 27 апреля 2013 в 23:13

VopisUVD

Да, я разобрался. Спасибо!

#39 27 апреля 2013 в 23:14

Тему закрываю!

Предыдущая
1
2
3
Показаны 31-39 из 39

Пустая страница при добавлении

нужен совет по фотошопу

Нужен совет

Похожие темы

Ошибка в редакторе, Нужен совет!

Нужен совет по реализации чатрулетки

Нужен совет по Bootstrap

[ЕСТЬ РЕШЕНИЕ] Нужен совет знатоков.Ошибка при поиске.

[ЕСТЬ РЕШЕНИЕ] Переустановить сайт или редактировать его?

[ЕСТЬ РЕШЕНИЕ] Вставка нового меню.

InstantCMS Team

О проекте

Поддержка

Дополнения