Снова про дивы

Извините что пишу в отдельную тему а не в тему триски.
вот тоже вместо изучения экзаменационных предметов изучаю верстку дивами.
есть кой какие вопросики общего плана

Как сделать например шапку для сиджа? то есть цельной картинкой задать бекграунд дива и на него вешать кнопки букмарк ас и поле для трейдеров? Или можно както по частям нарезать?

и еще как сделать рамку закругленную если она не простая а например с бордером. Где то наткнулась что вырезать на части, но там одна часть такая огромная что это почти вся рамка(если надо могу попробывать ссылку отыскать).а если у меня рамка на всю страницу?что мне теперь файл 1000X1000 подгружать?

Еще про вордпресс. для него верстка допускается только дивами? нельзя использовать табличную разметку,а в каждую ячейку сувать див?
вообще может у кого есть чтонидь типа учебника для тупых, не могу разобраться как это натягивать все(

Заранее всем спасибо кто поможет)

шапку сиджа лучше цельной картинкой в бэкграунд а поверх него уже анимированную кнопку и список трейдеров, можно конечно порезать и каждую картинку в отдельный див, но тогда смысл верстки дивами теряется

для рамки сделать верх и низ с закругленными углами (например по 1000х20) и повторяющийся по вертикали бэк (1000х5), можно закругленные углы без картинок сделать, только на цсс, но там много лишних дивов получится, если нужен код завтра поищу

в вордпрессе я ноль кстати, хотел узнать, какой лучше шаблон взять чтобы полегче отредактировать под свой диз можно было (не дефолтный и не классик)?

Цитата:

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

вордпресс штука тонкая )))
основной шаблон верстается исключительно дивами, ни тебе <table>, ни <td> с <tr>'ами, только богомерзкие <ul>, <li> и прочие <p>
замечал правда что внутри дива иногда можно воткнуть табличку и на дизе это не отразится.
когда уже все сверстано, описано дивами и работает вордпресс дает оформлять например посты с помощью табличной верстки, правда потом на автомате переделывает весь код на те же самые <ul> и <li> и когда лезешь править код там получается такая херь, что ну его нафиг )))

по поводу сиджа можно и бэком, а можно и порезать, дивы в принципе очень гибкая штука и когда начинаешь догонять что там и как - открываются новые горизонты, но вот пока разбираешься в них - убить кого-нить охота

спасибо ребят)))
проясняестя чтото)))сча за ответы поставлю балов)))
еще вопрос походу появился.
я када дивами делаю,например первый блок все нормуль,а второй почему то ставится сверху и наслаивается на него а не идет вниз.по шаблонам всяким смотрю вроде все нормально описываю, а такая штука постоянно(

всю жизню правила стандартные темы WP добавлением таблиц.. но я правлю только шапку обычно

AniS писал:

спасибо ребят))) проясняестя чтото)))сча за ответы поставлю балов))) еще вопрос походу появился. я када дивами делаю,например первый блок все нормуль,а второй почему то ставится сверху и наслаивается на него а не идет вниз.по шаблонам всяким смотрю вроде все нормально описываю, а такая штука постоянно(

фиг знает, может ты float не очищаешь или абсолютное позиционирование используешь, это надо конкретный пример смотреть

я бы порекомендовал пару книг про цсс прочитать, тогда все станет ясно,
например, Чарльз Уайк-Смит "Стильный сайт с помощью CSS"
и Дэн Седерхольд "Пуленепробиваемый Web-дизайн" (здесь сначала дается пример какого-либо элемента сайта по старому стилю, а потом как это сделать с помощью xhtml+css с "резиновой" версткой)
скачать не знаю где, я бумажные покупал

Огрооомное спасибо за ответы!
а особенно за реокомендованые книги) обязательно надо изучить!)
и про WP проясняется по тихоньку,хитрая штука...

пошла дальше ковыряться в дивах)

блин не могу. див ставится наверх,а таблица както смещается

Код:

<div id="page">   <div id="header"> <table width="787" height="160" border="0" cellpadding="0" cellspacing="0">   <tr>     <td width="199" rowspan="2"><img src="i/02.gif"></td>     <td width="196" height="160" rowspan="2"><img src="i/03.gif"></td>     <td width="147" height="31"><a href="#"><img src="i/04.gif"></a></td>      <td width="176" height="160" rowspan="2" background="i/06.gif"><div id="tradtop" align="center"><a href="#" class="top1">1.Trader 1      </a><br><a href="#" class="top2">2.Trader 2      </a><br>      <a href="#" class="top1">3.Trader 3 </a><br>      <a href="#" class="top2">4.Trader 4 </a><br>      <a href="#" class="top1">5.Trader 5 </a></div>     </td>     <td width="69" height="160" rowspan="2"><img src="i/07.gif"></td>   </tr>   <tr>     <td width="147" height="129"><img src="i/05.gif"></td>     </tr> </table>   </div>      </div>

вот кусок вписываю шапочку табличную в блок.проблема в блоке трейдеров например.
В ИЕ нормально а в ФФ не хочет
вот ccs

Код:

body {    margin: 0;    padding: 0;    background:url(i/01.gif);    background-repeat:repeat-x;    background-color: #F2F8FE; } body,td,p{    font:normal 14px Arial, Helvetica, sans-serif;    color: #B4184F; } img {    border: 0px; } #page { position: absolute;    left: 50%;    margin-left: -475px;   /*      */    width: 951px; } #header { float:none;    padding: 0px 82px 0px 82px;    width: 787px;    height: 160px;    margin: 0 auto; } #tradtop{ float:none; background-image:url(i/06.gif); width: 176px; height:160px; margin: 0; padding-top: 20px} #tradtop a {    padding: 0px 0px 0px 0px} .top1 {    font-family: Arial, Helvetica, sans-serif;    font-size: 14px;    font-weight: bold;    color: #630728;    text-decoration: none; } .top2 {    font-family: Arial, Helvetica, sans-serif;    font-size: 14px;    font-weight: bold;    color: #bd2566;    text-decoration: none; }

вот собстно.еще понять не могу как отцентрировать шапку табличку внутри ее блока header. Но самое главное это смещение

чувствую себя блондинко(((

у меня чето одинаково везде отображается
ты размеры картинок пропиши и ещё раз запости,
или картинки какие нибудь вставь для примера и на свой сайт выложи

а вообще css-код жесткий, особенно вот это

Код:

#page { position: absolute;    left: 50%;    margin-left: -475px;   /*      */    width: 951px; }

это зачем?

чтоб по центру таблицу в блоке выровнять align="center" нужен, можно в цсс для таблицы margin: 0 auto, или в цсс для этого блока (содержащего таблицу) text-align: center

Эту часть кода я выдергала с сайта одного не сама придумала, это решение чтобы отображалось все верно везде) так то я тоже всегда как ты написал делала, а тут вот такая тема)

сча я уже выложить не смогу)ибо нафиг все переделала,но смещение у меня было в ФайрФоксе, а эксплорер нормально отображал