Russian TYPO3 community - Разметка страницы

Russian TYPO3 community (http://forum.typo3.ru/index.php)

- Общие вопросы (http://forum.typo3.ru/forumdisplay.php?f=12)

- - Разметка страницы (http://forum.typo3.ru/showthread.php?t=6869)

Цитата:

Сообщение от Falcon (Сообщение 22234)

Спасибо огромное за код)
ток есть трабла, что между div'ами нету пробелов =( и текст сливается в 1..
как будет грамотно их поставить?

Не понял как такое может быть - можно посмотреть пример?

Вот так вот )
http://pic.ipicture.ru/uploads/081105/ZyhHGQLb2u.jpg
извиняюсь за цвета) потом исправлю..
и снова что то с css
в нём

Цитата:

#idvir{float:left}
a.ssil:link, a.ssil:visited {text-decoration:none;color:#33f}
a.ssil:hover, a.ssil:active {text-decoration:underline;color:#f0f}

а в CMS всё равно все пункты в столбик,
очевидно я накасячил в css, подскажите как надо, если не трудно...

А код приведенного фрагмента можно увидеть? И css и html. И что значит "а в CMS всё равно все пункты в столбик"?

ок)
в шаблоне такой код

Цитата:

<td background="pic/menu2.jpg"valign="middle" bgcolor="#000000">
<div id="idvir"><a class="ssil" href="#">О компании </a> </div>
<div id="idvir"><a class="ssil" href="#">Новости </a> </div>
<div id="idvir"><a class="ssil" href="#">Услуги </a> </div>
<div id="idvir"><a class="ssil" href="#">Прайс-листы </a> </div>
<div id="idvir"><a class="ssil" href="#">Контакты</a> </div>

код в css выше.
а выглядит это всё вот так
http://pic.ipicture.ru/uploads/081105/B6iqXM7vKn.jpg

Ну вообще говоря использовать один id для нескольких элементов это довольно грубая ошибка в css - для повторяющихся элементов можно и нужно использовать классы или, что не очень хорошо, переопределять сами теги, а чтобы не возникало в данном случае переопределять их в рамках исключительно контейнера.
В приведенном коде помимо всего прочего еще не описывается никак ни внутренние отступы для блока-контейнера (padding), ни его внешние поля (margin) что тоже неверно, т.к. при использовании float обязательно надо указывать как блок взаимодействует с окружающими его блоками.
Вообще для меню логично было бы задать либо один тег-контейнер (тот же <div id="idvir"> вполне подойдет) и уже для самих ссылок указать их поведение и способ отображения, либо, что еще логичнее с точки зрения удобства и "пуленепробиваемости" css и html кода использовать список (ul или dl для двухуровнего меню) в качестве контейнера.
В первом случае код будет такой:
html

Код:

<td background="pic/menu2.jpg"valign="middle" bgcolor="#000000">

<div id="idvir"><a class="ssil" href="#">О компании </a>

<a class="ssil" href="#">Новости </a>

<a class="ssil" href="#">Услуги </a>

<a class="ssil" href="#">Прайс-листы </a>

<a class="ssil" href="#">Контакты</a> </div> </td>

и css

Код:

#idvir a {float:left;display:block;padding:3px 5px;margin:0 3px}

a.ssil:link, a.ssil:visited {text-decoration:none;color:#33f}

a.ssil:hover, a.ssil:active {text-decoration:underline;color:#f0f}

А во втором случае могу посоветовать посмотреть уроки вот тут - http://css.maxdesign.com.au/listutorial/

Спасибо, всё рааботает)
тока теперь кода я изменил некоротые параметры в CSS он не хочет больше с ней работать, а грузит всё из
typo3temp/stylesheet_8192c2092f.css TO и DS обновлял...

Ну так надо же подключить свой css к странице. Читайте свойства для PAGE в TSRef.

окей)
просто до изменения всё работало, и грузилось откуда надо)

Для начала надо кеши почистить, а потом уже смотреть как подключается css.

Тоесть надо в Установки шаблона вставить

Цитата:

includeCSS {
file1 = res/stylesheet.css
}

PS Надоел я вам уже наверно. Но разобраться хочется.