Как такое сверстать под джумлу?

[htmlonline]

Еще раз поднимаю топик по дизайну сети.

Как такое верстать под джумлу?

Таблицей лучше или позиционировать слои?

Внимание!!!

Также принимаются ВАШИ макеты, которые не УГ!!!

Edited February 4, 2011 by htmlonline

[Vlad]

Зачем здесь таблица, все через float легко делается.

[htmlonline]

Зачем здесь таблица, все через float легко делается.

Вот так можно? :

<div style="float:left; position:absolute">
</div>
<div style="position:absolute">
</div>
<div style="float:right; position:absolute">

</div>

Edited February 4, 2011 by htmlonline

[novicheG]

float:center;

[htmlonline]

Извините, ошибочка... ;D

Извините, ошибочка... ;D

Исправил...

[Vlad]

У вас какая-то путаница в голове с версткой. position не надо пихать в любое место, где его нет.

[htmlonline]

Можешь объяснить поподробнее про position?

В справочнике не совсем понял...

[Vlad]

Есть такая штука, как поток документа, использование position: absolute вырывает элемент из потока, и ему можно задавать координаты относительно видимой области браузера. В вашем случае идет изменение положения относительно макета фиксированной ширины, поэтому достаточно только float использовать.

Про поток

http://htmlbook.ru/blog/ponyatie-potoka

[Kaktotak]

По мне вариант:

/*HTML*/
<div class="header"></div>
<div class="content">
   <div>[сюда блоки с категориями]</div>
   <div>[сюда блоки с категориями]</div>
   <div>[сюда блоки с категориями]</div>
</div>
<div class="footer"></div>
/*CSS*/
.content div{ float:left; width:33%;}

[htmlonline]

Вот

Ужас правда?

Как мне сделать между двумя блоками отступы?

[psywalker]

Вот

Ужас правда?

Как мне сделать между двумя блоками отступы?

margin-top: 10px;, не?

[htmlonline]

margin-top: 10px;, не?

Не работает...

Я пробовал даже margin-bottom:2%;

Тоже не помогло...

[psywalker]

Не работает...

Я пробовал даже margin-bottom:2%;

Тоже не помогло...

А отступы между колонок, сверху?

[htmlonline]

Да..

Смотрите код отдельного блока с рубриками:

<div style="-moz-border-radius:10px;
					 -webkit-border-radius:10px;
					 border-radius:10px;
					 width:24%;
					 border:2px solid gray;
					 color:orange; 
					 text-decoration:underline;">
</div>

Естественно, то что я в инлайн стиле описал находится в отдельном классе в css...

А как мне сделать оранжевый цвет ссылок?

a:link {color:orange}

Так можно?

[htmlonline]

Как мне цвет ссылок изменить на оранжевый?

a:link {color:orange} ?