Дизайн верхнего блока (Оставляет желать лучшего)

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

Модератор: Модераторы разделов

Аватара пользователя
zombie
Сообщения: 539
ОС: Ubuntu 10.04 with OpenBox

Дизайн верхнего блока

Сообщение zombie »

Я, конечно понимаю, что и так сойдет, но все-таки...

Код верхнего блока (поставил отступы, убрал некоторые комментарии и css - для улучшения читаймости):

Код:

<table width='100%' border='0' cellpadding='0' cellspacing='0'><tr> <td align='left' style='vertical-align:top; width:450px'> <a href='http://unixforum.org/index.php?'><!--ipb.logo.start--><img src='/logo/grs1.png' alt='IPB' style='vertical-align:top' border='0' /></a> <div align="left" style="font-weight: bold"> <a href="http://unixforum.org/index.php?act=boardrules">Правила нашего форума</a> ·  <a href="http://unixforum.org/index.php?act=Members">Пользователи</a> ·  <a href="http://unixforum.org/index.php?act=calendar">Календарь</a> ·  <a href="http://unixforum.org/index.php?act=Help">Помощь</a></div> </td> <td></td> <td align='left' style='vertical-align: top; --commented--min-width: 700px; max-width: 720px'> <table><tr> <td style='width:475px; text-align:center; vertical-align:top'> <!-- banner begin --> <!-- Место для большого баннера --> <noindex> </noindex> <!-- banner end --> </td> <!-- banner in center --> <style> //css </style> <td id='baner_eter'> <a href='http://etersoft.ru/products'> <table><tr> <td> <img src='logo/logo_etersoft_mini.png' alt="Etersoft - from Windows to Linux" /> </td><td> <div class='header'>Etersoft</div> <div class='content'>решения для перехода <br>с <strong>Windows</strong> на <strong>Linux</strong></div> </td> </tr></table> </a> </td> </tr></table> <div style="text-align:right; right:0px"> Дружественные сайты: <a href='http://wiki.unixforum.org/' target=_blank><b>unixforum wiki</b></a>, <a href='http://alv.me' target=_blank><b>alv.me</b></a> и <a href='http://rus-linux.net/' target=_blank><b>Rus-Linux.net</b></a> </div> </td> </tr></table>

Красным выделил, то что портит дизайн прежде всего.
Моя версия, без быдлодизайна (css вернул):

Код: Выделить всё

<style>
#baner_eter{
    /*background: url('/logo/logo_etersoft_mini.png') no-repeat;*/
    /*padding: 0px 0px 0px 65px;*/
    font-family: sans-serif;

    height: 60px;
}

#baner_eter div.header{
    display: block;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid black;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 5px 0px;
}

#baner_eter div.content{
    font-size: 10px;
    font-weight: normal;
}

#baner_eter a:link, #baner_eter a:active, #baner_eter a{
    text-decoration: none;
    color: black;
}

#baner_eter a:hover{
    text-decoration: underline;
    color: black;
}</style>

<table width='100%' cellpadding='0' cellspacing='0'><tr>
<td>
   <a href="http://unixforum.org/"><img src='http://unixforum.org/logo/grs1.png'></a>
</td>
<td align="right">
   <table><tr>
      <td id='baner_eter'>
     <a href='http://etersoft.ru/products'>
     <table><tr>
     <td>
        <img src='http://unixforum.org/logo/logo_etersoft_mini.png' alt="Etersoft - from Windows to Linux" />
     </td><td>
        <div class='header'>Etersoft</div>
        <div class='content'>решения для перехода с <strong>Windows</strong> на <strong>Linux</strong></div>
         </td></tr></table>
         </a>
      </td>
   </tr></table>
</td></tr>
<tr><td style="font-weight: bold">
   <a href="http://unixforum.org/index.php?act=boardrules">Правила нашего форума</a> · 
   <a href="http://unixforum.org/index.php?act=Members">Пользователи</a> · 
   <a href="http://unixforum.org/index.php?act=calendar">Календарь</a> · 
   <a href="http://unixforum.org/index.php?act=Help">Помощь</a>
</td><td  align="right">
   <div>
   Дружественные сайты:
   <a href='http://wiki.unixforum.org/' target="_blank"><b>unixforum wiki</b></a>,
   <a href='http://alv.me' target="_blank"><b>alv.me</b></a> и
   <a href='http://rus-linux.net/' target="_blank"><b>Rus-Linux.net</b></a>
   </div>
</td>
</tr></table>


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

Кстати, а зачем значения в одинарных кавычках, это же не требуется?
И зачем писать border='0' и align='left' ?

#2
Мне кажется, что и для textgray нужно ставить такой-же блок, по крайней мере лого форума поставить, лого Etersoft - необязательно.

p.s.
Если мне память не изменяет, IPB позволяет изменять html блоков, не так ли?
ЛИНУКСФОРУМ ДЛЯ ЛЮДЕЙ | Гугляшечка | Блог
I'm banned by /dev/random with his team.
Спасибо сказали:
Аватара пользователя
arkhnchul
Сообщения: 2284
Статус: Толчковый инженер
ОС: Debian, Fedora

Re: Дизайн верхнего блока

Сообщение arkhnchul »

не понял юмора) ну есть место для баннера и столбец нефиксированной ширины, и текст под рекламой этерсофта в две строчки, а не одну. и что?
в текстгрей не надо лого нафиг. "Etersoft - необязательно" - шутник))


Разъехалась главная страница. , не?
Losing is fun!
Спасибо сказали:
Аватара пользователя
zombie
Сообщения: 539
ОС: Ubuntu 10.04 with OpenBox

Re: Дизайн верхнего блока

Сообщение zombie »

arkhnchul писал(а):
23.05.2010 14:45
"Etersoft - необязательно" - шутник))
Ой, нет, не то что вы подумали. В смысле баннер Etersoft как и сейчас - в textgray без лого Etersoft, а лого форума - думаю надо.
ЛИНУКСФОРУМ ДЛЯ ЛЮДЕЙ | Гугляшечка | Блог
I'm banned by /dev/random with his team.
Спасибо сказали:
Аватара пользователя
zombie
Сообщения: 539
ОС: Ubuntu 10.04 with OpenBox

Re: Дизайн верхнего блока

Сообщение zombie »

arkhnchul писал(а):
23.05.2010 14:45
Разъехалась главная страница. , не?
Не, с этим слава богу проблем нет, но быдлодизайн смотрится плохо, ощущение, что верхний блок во frontpage разрабатывали. Я все-таки Веб-дизайнер кое-какой сайты делать умею.
ЛИНУКСФОРУМ ДЛЯ ЛЮДЕЙ | Гугляшечка | Блог
I'm banned by /dev/random with his team.
Спасибо сказали:
Аватара пользователя
arkhnchul
Сообщения: 2284
Статус: Толчковый инженер
ОС: Debian, Fedora

Re: Дизайн верхнего блока

Сообщение arkhnchul »

та фиг знает, я там вообще никакого криминала не вижу - ни в коде, ни в отображении.
Losing is fun!
Спасибо сказали:
Аватара пользователя
zombie
Сообщения: 539
ОС: Ubuntu 10.04 with OpenBox

Re: Дизайн верхнего блока

Сообщение zombie »

arkhnchul писал(а):
23.05.2010 16:39
я там вообще никакого криминала не вижу - ни в коде, ни в отображении.
Криминала нет, а быдлодизайн есть. Во первых это надо еще додуматься, чтобы писать border='0' и align='left'. Во вторых кто-же css между tr и td вставляет, там же вообще ничего нельзя писать. Ну а про задание ширены методом css я вообще не говорю... это извращение.
zombie писал(а):
22.05.2010 18:02
<a href='http://unixforum.org/index.php?'>
Вопрос в конце писать тоже нельзя, да и index.php не желательно.
Далее <div style="font-weight: bold"> вместо привычного <strong> или <b> - нелогично, по крайней мере в данном случае.

Из дизайна: Ладно уж, если текст баннера в четыре (1024*768) строчки, но ведь "Правила нашего форума · Пользователи · Календарь · Помощь" и "Дружественные сайты: unixforum wiki, alv.me и Rus-Linux.net" не на одной строчке, при пустом месте -- все в месте создает плохое впечатление. Будущих учасников форума отпугиваем.
ЛИНУКСФОРУМ ДЛЯ ЛЮДЕЙ | Гугляшечка | Блог
I'm banned by /dev/random with his team.
Спасибо сказали:
Аватара пользователя
serzh-z
Бывший модератор
Сообщения: 8259
Статус: Маньяк
ОС: Arch, Fedora, Ubuntu

Re: Дизайн верхнего блока

Сообщение serzh-z »

zombie писал(а):
23.05.2010 17:15
Во первых это надо еще додуматься, чтобы писать border='0' и align='left'.
Сэр веб-дизайнер не знает, что стандарт "XHTML 1.0 Transitional" позволяет использовать атрибуты "border" и "align"? И ещё сэр не знает, что движок IPB начал разрабытываться много лет назад, и шаблоны к нему просто никем не переписываются и результирующий HTML не валидируется?
Спасибо сказали:
Аватара пользователя
zombie
Сообщения: 539
ОС: Ubuntu 10.04 with OpenBox

Re: Дизайн верхнего блока

Сообщение zombie »

serzh-z писал(а):
23.05.2010 23:30
Сэр веб-дизайнер не знает, что стандарт "XHTML 1.0 Transitional" позволяет использовать атрибуты "border" и "align"?
Канечно позволяет, но зачем писать атрибуты со значениями по умолчанию?
serzh-z писал(а):
23.05.2010 23:30
И ещё сэр не знает, что движок IPB начал разрабытываться много лет назад, и шаблоны к нему просто никем не переписываются и не результирующий HTML не валидируется?
Что значит "шаблоны к нему просто никем не переписываются" и "не результирующий HTML не валидируется"?
Может Русским языком а?
ЛИНУКСФОРУМ ДЛЯ ЛЮДЕЙ | Гугляшечка | Блог
I'm banned by /dev/random with his team.
Спасибо сказали:
Аватара пользователя
l0stparadis3
Сообщения: 207
Статус: GNU/FireShow
ОС: Mac OS X | FreeBSD

Re: Дизайн верхнего блока

Сообщение l0stparadis3 »

как "вэб-дизайнер" "вэб-дизайнеру"
1) сравните два блочных элемента - <div style="font-weight: bold"></div> и <div><b></b></div>. второй, на мой взгляд, куда более быдло, чем первый.
2) дизайн данной версии IPB делали лет пять назад. Со временем его лишь переделывали под новые версии, и куча кода осталось от старых версий
3) какой же вы "вэб-дизайнер", если не знаете про валидность страниц? вкратце - валидной называется html страница, которая полностью соответствует тому стандарту, что прописан в doctype. так вот, ipb таковую проверку давно не проходит, если вэбмастер не постарается.
4) в конструкции <a><img /></a> по умолчанию, емнип, как раз border=1, чтобы выделить картинку как ссылку.
5) в ipb по умолчанию у многих элементов стоит align=center. так что align=left - отнюдь не глупость.

а вообще - пишите себе custom css, многие браузеры его поддерживают. в огнелисе так вообще есть грисманки, который не только css, но и многое другое поправит.
Ключ всех ваших проблем - разрешение экрана, только и всего.
Если в Linux не существует решения вашей проблемы... То у вас неправильная проблема.
Спасибо сказали:
Аватара пользователя
zombie
Сообщения: 539
ОС: Ubuntu 10.04 with OpenBox

Re: Дизайн верхнего блока

Сообщение zombie »

l0stparadis3 писал(а):
24.05.2010 11:13
вкратце - валидной называется html страница, которая полностью соответствует тому стандарту, что прописан в doctype.
А, это то мы знаем, только вот таких страниц уже с года 90-го в помине не существует. (вернеее существуют единицы, но валидатор и на них ругается)

l0stparadis3 писал(а):
24.05.2010 11:13
в конструкции <a><img /></a> по умолчанию, емнип, как раз border=1, чтобы выделить картинку как ссылку.
Да води-бы так должно быть, как же я об этом забыл... только почему-то без указания border все в порядке, из-за прозрачного фона чтоли.... причем и в опере и в хроме...

l0stparadis3 писал(а):
24.05.2010 11:13
в ipb по умолчанию у многих элементов стоит align=center. так что align=left - отнюдь не глупость.
И опять-же все в порядке и без этого...

l0stparadis3 писал(а):
24.05.2010 11:13
2) дизайн данной версии IPB делали лет пять назад. Со временем его лишь переделывали под новые версии, и куча кода осталось от старых версий
Да какой там код.... Эти два блока можно в дримвевере, даже не зная html, верно написать. Хотя, разве что скрипт, определяющий возраст форума, но это все. Не аргумент...

p.s.
На самом деле, по моему IPB все-равно самый лучший движок форума.

И я не писал, что я веб-дизайнер! Я просто хорошо знаю html:
zombie писал(а):
23.05.2010 15:15
сайты делать умею.



l0stparadis3 писал(а):
24.05.2010 11:13
Ключ всех ваших проблем - разрешение экрана, только и всего.
Я не одинок, а следовательно отпугиваем будущих участников форума.
ЛИНУКСФОРУМ ДЛЯ ЛЮДЕЙ | Гугляшечка | Блог
I'm banned by /dev/random with his team.
Спасибо сказали:
Аватара пользователя
zombie
Сообщения: 539
ОС: Ubuntu 10.04 with OpenBox

Re: Дизайн верхнего блока

Сообщение zombie »

Первый скрин -- сейчас, второй -- моя версия.
ЛИНУКСФОРУМ ДЛЯ ЛЮДЕЙ | Гугляшечка | Блог
I'm banned by /dev/random with his team.
Спасибо сказали:
Аватара пользователя
zombie
Сообщения: 539
ОС: Ubuntu 10.04 with OpenBox

Re: Дизайн верхнего блока

Сообщение zombie »

Кстати, уже кое-что изменилось, спасибо, но еще не идел:
ЛИНУКСФОРУМ ДЛЯ ЛЮДЕЙ | Гугляшечка | Блог
I'm banned by /dev/random with his team.
Спасибо сказали:
Аватара пользователя
arkhnchul
Сообщения: 2284
Статус: Толчковый инженер
ОС: Debian, Fedora

Re: Дизайн верхнего блока

Сообщение arkhnchul »

А, это то мы знаем, только вот таких страниц уже с года 90-го в помине не существует. (вернеее существуют единицы, но валидатор и на них ругается)

на w3.org не ругается)) только сейчас для интереса пробежался по нескольким сайтам - на парочке ошибок нет.
Кстати, уже что-то изменилось, спасибо, но еще не идел:

...
так все время ж так было.
Losing is fun!
Спасибо сказали:
Аватара пользователя
SLEDopit
Модератор
Сообщения: 4823
Статус: фанат консоли (=
ОС: GNU/Debian, RHEL

Re: Дизайн верхнего блока

Сообщение SLEDopit »

zombie писал(а):
24.05.2010 12:19
только вот таких страниц уже с года 90-го в помине не существует.
ну вы хотя бы скачайте и поставьте ту же джумлу. она валидна из коробки. правда потом, как модулями завешаете, скорее всего она перестанет быть валидной.
сделать валидный код не сложно, просто это долго и нудно. и мало кто желает заморачиваться.
в конце концов желательно следовать стандартам, не просто так же их придумали.
UNIX is basically a simple operating system, but you have to be a genius to understand the simplicity. © Dennis Ritchie
The more you believe you don't do mistakes, the more bugs are in your code.
Спасибо сказали:
Аватара пользователя
zombie
Сообщения: 539
ОС: Ubuntu 10.04 with OpenBox

Re: Дизайн верхнего блока

Сообщение zombie »

arkhnchul писал(а):
24.05.2010 13:47
так все время ж так было.
Нет. Было см. #11
ЛИНУКСФОРУМ ДЛЯ ЛЮДЕЙ | Гугляшечка | Блог
I'm banned by /dev/random with his team.
Спасибо сказали:
Аватара пользователя
zombie
Сообщения: 539
ОС: Ubuntu 10.04 with OpenBox

Re: Дизайн верхнего блока

Сообщение zombie »

arkhnchul писал(а):
24.05.2010 13:47
только сейчас для интереса пробежался по нескольким сайтам - на парочке ошибок нет.
Пожалуйста, дайте линк!
ЛИНУКСФОРУМ ДЛЯ ЛЮДЕЙ | Гугляшечка | Блог
I'm banned by /dev/random with his team.
Спасибо сказали:
Аватара пользователя
SLEDopit
Модератор
Сообщения: 4823
Статус: фанат консоли (=
ОС: GNU/Debian, RHEL

Re: Дизайн верхнего блока

Сообщение SLEDopit »

zombie писал(а):
24.05.2010 19:05
Пожалуйста, дайте линк!
первый
второй
третий
четвертый
продолжать?
UNIX is basically a simple operating system, but you have to be a genius to understand the simplicity. © Dennis Ritchie
The more you believe you don't do mistakes, the more bugs are in your code.
Спасибо сказали:
Аватара пользователя
zombie
Сообщения: 539
ОС: Ubuntu 10.04 with OpenBox

Re: Дизайн верхнего блока

Сообщение zombie »

:blink:
Второй, конечно не в счет, но я в шоке, от вики такого не ожидал!
:blowup:
ЛИНУКСФОРУМ ДЛЯ ЛЮДЕЙ | Гугляшечка | Блог
I'm banned by /dev/random with his team.
Спасибо сказали: