• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Вопрос по шапке и коду
Вопрос по шапке и коду
rogylina71
Сообщений: 9
Репутация: 0

Сообщение # 1 | 19:36:10
сайт - http://probnik1.ucoz.org
1) как выравнять шапку?
пример: http://probnik1.ucoz.org/know.png
хотелось бы видеть: http://probnik1.ucoz.org/want.png
Все это находится в блоге $GLOBAL_AHEADER$, код:
Цитата
<div align="center">
<div align="left"><a href="/"><img src="/logo.png" class="logo"></img></a></div>
<div class="info" align="right">$GLOBAL_CLEFTER$</div>
</div></div>
<div class="navigation">
<a href="/">О нас</a>
<a href="/">Медицинские экспресс тесты Nadal</a>
<a href="/">Пациентам</a>
<a href="/">Специалистам</a>
<a href="/">Работа тестов (видео)</a>
<a href="/">Интернет магазин</a>
<a href="/">Контакты</a>
</div>
<div class="sl"></div>

женская логика не помогает, а видео урок подобный найти не могу. Помогите пожалуйста.
2) после добавления кода, который выше в шапку, в управление дизайном - редактор страниц, появляется этот код:
http://probnik1.ucoz.org/ques.png
При его удалении или редактировании html в дальнейшем, меню и картинка дублируется, как с этим бороться?
Заранее благодарна.
leonoff(on)
Сообщений: 296
Репутация: 57

Сообщение # 2 | 10:22:47
rogylina71, вот всегда я на это ведусь))

Цитата
женская логика не помогает,
Я понял что вы хотите. Скиньте код (в спойлерах) верхняя часть сайта, левый, правый и нижний. Помогу

Муж рассказал жене, что у него есть любовница. Причина смерти: коронавирус.
rogylina71
Сообщений: 9
Репутация: 0

Сообщение # 3 | 19:43:55
leonoff(on),
Цитата<body>$ADMIN_BAR$
$GLOBAL_AHEADER$<div class="sl"></div>
<div class="content">$CONTENT$</div>
$GLOBAL_BFOOTER$
код HTML главной страницы, код $GLOBAL_AHEADER$ в первом сообщении. Мне надо научиться (или понять), как div'ами разместить на одной строке и логотип и $GLOBAL_CLEFTER$, в котором находится информация. Дублирую код (без navigation):

Цитата
<div align="center">
Прошу прощения, что отвлекаю, просто верстаю первую неделю, и дотумкаться до всего сразу сложно.

Добавлено (10 Окт 2015, 19:43:55)
---------------------------------------------
Получилось, нашли подобное видео, где четко сказали, как делать, но:
меню, сдвинулось, видимых причин не нашла.
http://probnik1.ucoz.org
Код шапки:

Цитата
<div class="head">
<div class="logo"><a href="/"><img src="/logo.png"></img></a></div>
<div class="info">$GLOBAL_CLEFTER$</div>
</div>
<div class="navigation">
<a href="/">О нас</a>
<a href="/">Медицинские экспресс тесты Nadal</a>
<a href="/index/0-2">Пациентам</a>
<a href="/">Специалистам</a>
<a href="/index/video/0-4">Работа тестов (видео)</a>
<a href="/">Интернет магазин</a>
<a href="/index/0-3">Контакты</a>
</div>

Код CSS:

Цитата
.head {
background: #fff;
height: 162px;
}

.logo {
margin-top: 60px;
margin-left: 90px;
margin-bottom: 60px;
float: left;
}

.info {
margin-top: 50px;
margin-right: 92px;
float: right;
}

.clock {
background: url('/time.png');
height: 40px;
width: 40px;
}

.phone {
background: url('/phone.png');
height: 40px;
width: 40px;
}

.navigation {
background: url('/navi.png');
width: 1168px;
height: 50px;
margin: 0px auto 0px;
}

.navigation a {
color: white;
font-size: 15px;
display: block;
float: left;
padding: 10px;
text-decoration: none;
margin-top: 6px;
margin-left: 25px;
}

.navigation a:hover {
color: white;
background: #0080FF;
}
Komoff
Сообщений: 595
Репутация: 276

Сообщение # 4 | 19:44:09
Цитата rogylina71 ()
Мне надо научиться (или понять), как div'ами разместить на одной строке и логотип и $GLOBAL_CLEFTER$, в котором находится информация.
http://htmlbook.ru/css/float
Хотя, всем начинающим в изучении HTML, я всегда советую сначала учиться на таблицах и не мучиться.
rogylina71
Сообщений: 9
Репутация: 0

Сообщение # 5 | 21:18:13
Komoff, с этим я удачно справилась. div'ами удобнее, сразу и все можно редактировать в одном месте. Шапки стоит, как надо, но почему-то меню сползло.
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Вопрос по шапке и коду
  • Страница 1 из 1
  • 1
Поиск: