Textpattern - на русском языке

форум общения русскоязычных пользователей CMS Текстпаттерн

Вы не зашли.

#1 07-04-2007 14:49:34

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

Вопрос по дизайну (div, table, css и смещение картинок)...

Пытаюсь прикрутить дизайн к своему проекту http://www.abandoned-legacy.net
Столкнулся с такой проблемой
Рисунки левой и правой границы отображаются на 1 пиксель левее (и правее соответственно) концов верхнего и нижнего рисунков. К тому же сверху и снизу они не примыкают к рисункам, а находятся ещё на некотором расстоянии. А мне нужно, чтобы оно между собой всё сместе соединялось.
Если немного непонятна суть вопроса - смотрите скриншот ну или заходите по ссылке http://www.abandoned-legacy.net и там всё увидите.
очень надеюсь на вашу помощь smile

Скриншоты:
http://www.cimeries.com/temp/68.jpg

http://www.cimeries.com/temp/69.jpg

Код:

1. Вывод рисунка, находящегося под меню:

В странице:
<div id="ulogo">
</div>

В css:
div#ulogo {
    background: url(http://www.abandoned-legacy.net/images/ … u-logo.jpg) no-repeat;
    height: 61px;
    margin: auto;
    width: 800px;

2. Вывод границ:

В странице:
<div id="inline">
<table border="0" width="800"><tr>
<td id="left" valign="top"></td>
<td id="center"><txp:article limit="99999" /></td>
<td id="right" valign="top"></td>
</tr></table>
</div>

В css:
div#inline {
    background: #000000;
    margin: auto;
    width: 800px;
}
td#center {
    background: #000000;
    margin: auto;
    width: 725px;
}
td#left {
    background: url(http://www.abandoned-legacy.net/images/design/left.jpg);
    margin: auto;
    width: 30px;
}
td#right {
    background: url(http://www.abandoned-legacy.net/images/design/right.jpg);
    margin: auto;
    width: 45px;
}

3. Вывод нижнего рисунка:

В странице:
<div id="bottom" align="center">
</div>

В css:
div#bottom {
    background: url(http://www.abandoned-legacy.net/images/ … bottom.jpg) repeat-x;
    height: 87px;
    margin: auto;
    width: 800px;
}

Отредактированно Cimeries (07-04-2007 21:09:09)


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

#2 07-04-2007 15:17:14

Pho-No
есть
Зарегистрирован: 07-06-2006
Сообщений: 61
Вебсайт

Re: Вопрос по дизайну (div, table, css и смещение картинок)...

inline width = 800px

right+center+left width= 795px

не в этом дело?

Неактивен

 

#3 07-04-2007 21:07:58

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

Re: Вопрос по дизайну (div, table, css и смещение картинок)...

не в этом дело?

Нет, не в этом. Исправил на 725 - не помогло.


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

#4 08-04-2007 09:51:34

Cimeries
есть
Зарегистрирован: 27-10-2005
Сообщений: 58
Вебсайт

Re: Вопрос по дизайну (div, table, css и смещение картинок)...

В общем я так понял, что таблица <table> отнимает себе по одному пикселю с каждой стороны, хоть там и прописано border="0"
А может кто-нибудь смог бы мне эту табличку перегнать в <div>'ы? А то у меня что-то не получается...
Или хотя бы скажите, как убрать эту "невидимую рамку"...


http://cimeries.com - My HomePage\Blog
http://www.abandoned-legacy.net - Заброшенное Наследие (Industrial Photos)
http://www.metalfront.org - Metal/Gothic/Industrial Web-Zine

Неактивен

 

#5 10-04-2007 01:25:00

mara
земля
Зарегистрирован: 05-02-2007
Сообщений: 119

Re: Вопрос по дизайну (div, table, css и смещение картинок)...

Такая гадость у меня появлялась тоже. Решение проблемы ищи в разных Css для разных браузеров. У меня лично процесс был очень долгим...

Неактивен

 

Board footer

RSS   Rambler's Top100
Powered by PunBB
Textpattern.ru