Eclipse, причём тут фотошоп к таблице?

lnanol, ух как вы круто завернули со словом таблица...
там от таблицы 2 ячейки одна над другой. И то реализация не оптимальная.
Все дело в скрипте, который показывает/скрывает содержимое блоков с информацией. На форуме такого не встречал, но можете еще поискать.

upd. Here is link to CSS3-Only Tabbed Area. But there are no support for old browsers, that don't compatible with CSS3

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

Беверли Олсен, ну есть 2 варианта: либо картинками, либо читать мат часть по @font-face
И помните - нестандартные шрифты чаще зло, чем профит!

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

Беверли Олсен

ставить в html-низ

<style>.Myimge {position:absolute;margin-top:-14px;}</style>
    <script type="text/javascript">
    PiarNik="PR";
    PiarPas="1111";

    var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
    <form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
    <fieldset>\
    <input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
    <input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
    <input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
    <input type=\"submit\" class=\"button\" name=\"login\"/>\
    </fieldset>\
    </form>\
    </div>\
    <span id=spMyimg><img class=\"Myimge\"  title=\"Быстрый вход для 'Пиарщиков'\" onclick=\"PiarIn()\" src=\"http://savepic.ru/2867133.png\" onmouseover=\"this.src='http://savepic.ru/2857917.png' \" onmouseout=\"this.src='http://savepic.ru/2867133.png'\" /></span>";
    if($("#navlogin").html()!=null){

    $("#navlogin").append(L) //navlogin
    $("#PR_loginDiv #fld1").val(PiarNik)
    $("#PR_loginDiv #fld2").val(PiarPas)
    function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
    }
    </script>

PR - логин к рекламному аккаунту
1111 - пароль к рекламному аккаунту
Эти два пункта можно смело менять на свои, только не забудьте и у самого аккаунта это сменить.

Отредактировано Hayase (10 Окт 2011 23:54:58)

НиКо
1. HTML-верх

 <style type="text/css">
html, body { 
background-repeat: no-repeat;
 }
  </style>

2. Честно, я с таким сталкивалась неоднократно, но приходилось находить лазейки иными путями, т.к. найти где можно это убрать - не нашла. Потому решила делать весь форум прозрачным, а на его фоне - картинка, заменяющая всё прозрачное на то, что нужно. Одним словом - вопрос не ко мне, увы.

НиКо, все дело в том, что немного промахнулись в коде который "препятствовал" схлопыванию элемента.
Коды содержат лишние строки

можно сократить до

Кто мне может объяснить 2 вещи:
почему все пытаются запихнуть НЕ лого, а тупо картинку в

#pun-title .title-logo { 
background-image: url("ссылка_на_картинку");
}

и что в стилях делают такие строки с сылкой на стили вместо картинки?

#pun-title table {
...
background-image: url("http://4496test.mybb.ru/styles/0010/33/50/style_cs.1320063127.css");
...
}

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

<style type="text/css">
#pun-title td { 
  padding: 0px;
 }
</style>

Этот код решит вашу проблему

Беверли Олсен, а вы уверены что-то меняется в размерах если у вас жестко задана ширина форума 970px? Все остальное упирается в эту ширину.
Дело в том, что вы отцентровали форум, а фон - нет. И меняя размеры окна браузера вы сдвигаете форум относительно фона, отсюда и все наползания.

Лучше стиль для фона задавать так

body {
  background: #000000 url(http://i2.pixs.ru/storage/7/5/2/Bezimeni10_4111793_3042752.jpg) 50% 0% repeat-y; 
}

P.S. добавляйте ссылку на ваш форум в сообщение или поставьте в профиль. Неудобно каждый раз искать.

и снова здравствуйте :з

вопрос таков: как сместить подчёркнутое в центр?