Зафиксировать сайт.

голоса: 0
При уменьшении и увеличении окна браузера все элементы сдвигаются или раздвигаются. Пожалуйста подскажите как их зафиксировать? Я все теги со 100% заменила на 1024рх. Но не помогло.

И еще подскажите как создать горизонтальное меню, вместо того что есть сейчас.

Если можно коды и куда их надо вставить. Заранее мегаспасибо!
Адрес сайта http://cvetkoff.ucoz.net/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet

Ответов: 1

Голоса: +1
 
Лучший ответ

У вас верхняя часть сайта 100% и центральная колонка 1024px, надо не более 520px.Исправьте и добавьте 

style="table-layout: fixed"

По второй части вопроса. В ПУ с помощью конструктора меню создайте новое горизонтальное меню. Добавьте нужные пункты меню. Дизайн - Управление дизайном (шаблоны) - Верхняя часть сайта - в таблице добавте строку типа: 

<tr>
<td colspan="2" style="padding-left:5px;font-size:10px; padding-right:5px;" align="" style="">$NMENU_ваш номер$</td>
</tr>

 Сохраните изменения.

В таблице стилей найдите строчку типа 

.uMenuH li {float:left;padding:0 5px;}

Замените на 

.uMenuH li {float:left;padding:0 5px; line-height: 28px; text-align: center; white-space: nowrap; list-style:none;}

Дополните, если нет:

.uMenuH li a {text-decoration:none; color: #FFFFFF; background: #000000; font-weight:bold;}
.uMenuH li a:hover {text-decoration:none; color: #000000; background: #FFFFFF; font-weight:bold;}

 Параметры задавайте какие вам нужны. Сохраните.

 

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
согластна на 3 вариант. Мне интересно где я допустила ошибки, так же исправить их. буду благодарна искренне Вам за помощь.
Что-то я опять напутала.... и верхняя часть сайта(шапка) стала короче.... (

Пыталась вернуть все изенения и ничего не получилось.

блоки перестали разьезжаться, но при уменьшении масштаба появляется черное пространство. Как это убрать?

Я не знаю как вам удаётся всё так менять. Давайте по порядку. Сайт реально будет шириной 1064, поэтому

1. В таблице стилей строку

body {width:1024px;}

делаем

body {width:1064px;}

2. Заменяем

<table cellpadding="0" cellspacing="0" border="0" width="1000px" style="padding: 10px 3px;"><tbody><tr><td width="1000px" align="center">

на

<table cellpadding="0" cellspacing="0" border="0" width="100%" style="padding: 10px 3px;"><tbody><tr><td width="100%" align="center">

3. 

<table border="0" cellpadding="0" cellspacing="0" width="1000px">

на 

<table border="0" cellpadding="0" cellspacing="0" width="100%">

Остановитесь и посмотрите. И ничего пока не предпринимайте. А то я не успеваю за вами.

Спасибо за помощь. Выполню все Ваши указания.

подскажите еще, можно ли в разделе фотоальбом сделать следующее:

 

где написанно 20 фото, сделать счетчик добавленных фото.

Не вижу изменений.

По фотоальбому есть решения, но стоит этот вопрос вынести отдельно.
...