Question

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

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

Если можно коды и куда их надо вставить. Заранее мегаспасибо!

Answer 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;}

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

 

Comments

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

style="table-layout: fixed"

А куда вставить?  

---

Этот атрибут ставим в тэг table тех таблиц которым вы установили ширину 1024px.

---

Я через быструю замену элементов делала и потому и спрашиваю куда конкретно ставить.

---

Разумно также вернуться в исходное состояние, т.е. вместо 1024 поставить 100%. А в таблице стилей (CSS) прописать body { width:1024px; }, но если не поможет, тогда можно будет прописать в таблицах, то о чём говорилось выше.

---

Теперь верхняя шапка разъезжается в стороны, а остальное зафиксированно.

---

не вижу изменений. В таблице стилей найдите строчку 

td, body {font-family:verdana,arial,helvetica; font-size:8pt; color:#9F9F9F}

под ней вставьте 

body { width:1024px; }

Шапку можно отредактировать в ПУ - Дизайн - Управление дизайном (шаблоны) - Верхняя часть сайт- отредактируйте таблицы должно быть в тэге table указаны атрибуты width="1024" и style="table-layout: fixed",  width="100%" -уберите

Вижу ошибке в html. Дайте полный код верхней части сайта.

---

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="252" style="background:url('/.s/t/681/1.gif') top repeat-x #000000;">
<tbody><tr><td width="341" height="63" style="background:url('/.s/t/681/2.gif');padding-right:70px;font-size:10px;" align="center">$WDAY$<br>$DATE$<br>$TIME$</td><td rowspan="3">&nbsp;<br><span style="font-style: italic; font-family: 'Century Gothic'; font-size: 24pt;">&nbsp; &nbsp; &nbsp; &nbsp;"Мы создаём</span></td><td rowspan="3" width="278"><img src="" alt=""><br><span style="font-family: 'Century Gothic'; font-size: 24pt; font-style: italic;">историю..."</span></td><td rowspan="3" width="238"><img src="/dima.jpg" alt="" width="278px" height="250px"><br></td></tr>
<tr><td width="411" height="144" style="background:url('/.s/t/681/5.gif');" align="center"><span style="color: rgb(255, 255, 255); font-style: normal; font-variant: normal; font-weight: bold; font-stretch: normal; line-height: normal; font-family: 'bold Verdana', Tahoma;"><span style="font-size: 24pt;">Фотодом</span><br><span style="font-size: 45pt; font-family: 'Monotype Corsiva';">Цветкоffа</span><!-- </logo> --></span></td></tr>
<tr><td width="411" height="45" style="background:url('/.s/t/681/6.gif');">&nbsp;</td></tr>
 <tr><td style="table-layout: fixed" </td></tr>
 </tbody></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="29" style="background:url('/.s/t/681/7.gif') right no-repeat;">
<tbody><tr><td style="padding-left:20px;font-size:10px;"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$"><span style="font-weight: bold;">$USERNAME$</span></a> | <!--<s3167>-->Группа<!--</s>--> "<span style="text-decoration: underline;">$USER_GROUP$</span>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></td><td style="padding-right:20px;font-size:10px;" align="right"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> <?if($MODULE_URL$)?>| <a href="$MODULE_URL$">$MODULE_NAME$</a><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?></td></tr>
</tbody></table>

---

<table border="0" cellpadding="0" cellspacing="0" width="1024" height="252" style="background:url('/.s/t/681/1.gif') top repeat-x #000000; table-layout: fixed;">
<tbody>
<tr><td width="341" height="63" style="background:url('/.s/t/681/2.gif');padding-right:70px;font-size:10px;" align="center">$WDAY$<br>$DATE$<br>$TIME$</td>
<td rowspan="3">&nbsp;<br><span style="font-style: italic; font-family: 'Century Gothic'; font-size: 24pt;">&nbsp; &nbsp; &nbsp; &nbsp;"Мы создаём</span></td>
<td rowspan="3" width="278"><img src="" alt=""><br><span style="font-family: 'Century Gothic'; font-size: 24pt; font-style: italic;">историю..."</span></td>
<td rowspan="3" width="238"><img src="/dima.jpg" alt="" width="278px" height="250px"><br></td></tr>
<tr><td width="341" height="144" style="background:url('/.s/t/681/5.gif');" align="center"><span style="color: rgb(255, 255, 255); font-style: normal; font-variant: normal; font-weight: bold; font-stretch: normal; line-height: normal; font-family: 'bold Verdana', Tahoma;"><span style="font-size: 24pt;">Фотодом</span><br><span style="font-size: 45pt; font-family: 'Monotype Corsiva';">Цветкоffа</span><!-- </logo> --></span></td></tr>
<tr><td width="341" height="45" style="background:url('/.s/t/681/6.gif');">&nbsp;</td></tr>
</tbody></table>
<table border="0" cellpadding="0" cellspacing="0" width="1024" height="29" style="background:url('/.s/t/681/7.gif') right no-repeat; table-layout: fixed;">
<tbody>
<tr><td style="padding-left:20px;font-size:10px;"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$"><span style="font-weight: bold;">$USERNAME$</span></a> | <!--<s3167>-->Группа<!--</s>--> "<span style="text-decoration: underline;">$USER_GROUP$</span>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></td>
<td style="padding-right:20px;font-size:10px;" align="right"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> <?if($MODULE_URL$)?>| <a href="$MODULE_URL$">$MODULE_NAME$</a><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?></td></tr>
</tbody></table>

 

---

Посмотрел сайт, у вас низ в итоге получился на 250px шире. Выхода 3 либо согласиться с этим и изменить вверху 1024 на 1274 или надо полностью вернуться в самое первоначальное состояние и выполнить мои советы, или поработать с центральной частью (там есть явные ошибки, я смогу только после 24 часов).

Вам надо заменить строчку 

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

на 

<table border="0" cellpadding="0" cellspacing="0" width="530" style="table-layout: fixed">

 

---

согластна на 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 фото, сделать счетчик добавленных фото.

---

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

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