X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Ненужные зазоры между ячейками таблицы
margo_hb
margo_hb
Topic Starter сообщение 26.10.2008, 0:56; Ответить: margo_hb
Сообщение #1


Добрый вечер, помогите плиз

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

вот код html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Учебный сайт для демонстрации возможностей HTML и CSS "Как поймать льва в пустыне?"
</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body >
<table class="tab_main" cellspacing="0px" >

<tr>
<td class="top_left" >
</td>
<td class="top" >
</td>
<td class="top_right" >
</td>
</tr>

<tr>
<td>
</td>
<td class="fon" >
</td>
<td>
</td>
</tr>

<tr>
<td>
</td>
<td class="fon_rezina">

</td>
<td>
</td>
</tr>

<tr>
<td>
</td>
<td class="podval">
</td>
<td>
</td>
</tr>
</table>
</body>
</html>


и вот таблица стилей css:

table.tab_main {text-align:center; width:100%; }
td.top {background-image:url(picture/top.png); background-position:center; background-repeat:no-repeat; width:1200px; height:385px; padding:0px}
td.top_left {background-image:url(picture/top_left.png); background-repeat:repeat-x; height:385px; padding:0px}
td.top_right {background-image:url(picture/top_right.png); background-repeat:repeat-x; height:385px; padding:0px}
td.fon {background-image:url(picture/fon.png); background-repeat:no-repeat; width:1200px; height:431px}
td.fon_rezina {background-image:url(picture/fon_rezina.png); background-repeat:repeat-y; width:1200px; height:52px}
td.podval {background-image:url(picture/podval.png); background-repeat:no-repeat; width:1200px; height:155px}


на сколько я поняла эти зазоры не между ячейками а внутри ячеек, но почему не работает атрибут padding? при таком коде отображается во всех браузерах одинаково, а если воспользоваться атрибутом cellpadding="0px" в теге таблицы, то в опере получается то что надо (все картинки вплотную), а в IE и Netscap боковые картинки вообще не отображаются и все съезжает на перекосяк?

Заранее спасибо
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 26.10.2008, 1:14; Ответить: pomp
Сообщение #2


В файте стилей css:
html, body {
margin:0px;
padding:0px;
}


или по старинке, в каждой таблице допешите аргументы:
<table cellpadding="0" cellspacing="0">
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 26.10.2008, 1:30; Ответить: Webmaster_hb
Сообщение #3


<style>
table{
border:0px;
border-collapse:collapse;
width:100%;
}
table td {
padding:0px;
}
</style>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
margo_hb
margo_hb
Topic Starter сообщение 26.10.2008, 2:05; Ответить: margo_hb
Сообщение #4


какой-то ужас, ничего не помогает, суйчас выложу скрины
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
margo_hb
margo_hb
Topic Starter сообщение 26.10.2008, 2:36; Ответить: margo_hb
Сообщение #5


скрин как выглядит проблема изначально 1.doc (белые полоски между картинками)

то что посоветывал Webmaster и Pomp (первый вариант) не изменило ситуацию

а если воспользоваться отрибутом cellpadding="0px" для таблицы, то в опере все ок (все три рисунка вплотную, то чего я добиваюсь) файл 2.doc , но в IE и Netscape вообще кошмар, боковые картинки вообще не отображаются и картинка которая во второй строке уехала влево (хотя причем тут вторая строка?) файл 3.doc
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 26.10.2008, 2:51; Ответить: pomp
Сообщение #6


margo запакуйте все в *.rar (стиль, картинки, index) и выложите сюда пожалуйста. Может вы неправильно порезали, и еще меня пугает ширина ваших блоков 1200px;, не многовато ли?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
margo_hb
margo_hb
Topic Starter сообщение 26.10.2008, 3:15; Ответить: margo_hb
Сообщение #7


(pomp @ 26.10.2008, 04:51) *
margo запакуйте все в *.rar (стиль, картинки, index) и выложите сюда пожалуйста. Может вы неправильно порезали, и еще меня пугает ширина ваших блоков 1200px;, не многовато ли?


вот, в архиве картинки html и css и еще выложила исходный макет .psd файл (задача моя сделать верх и низ резиновыми, а центральная часть где будет текст фиксированной ширины)

1200px только средний столбец это и есть ширина картинки

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

спасибо
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
margo_hb
margo_hb
Topic Starter сообщение 26.10.2008, 3:22; Ответить: margo_hb
Сообщение #8


У меня стоит атрибут background-position:center; в
td.top {background-image:url(picture/top.png); background-position:center; background-repeat:no-repeat; width:1200px; height:385px; padding:0px; }


если я меняю значение на left , то слева зазора нет, а справа он становится шире, т.е это означает что зазор не между ячейками а внутри среднего столбца какие-то лишние пиксели, но откуда они? ведь ширина столбца указана 1200px и это равно ширине самого рисунка?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 26.10.2008, 4:24; Ответить: pomp
Сообщение #9


margo вообщем ясно. Я уже начал вам верстать заново, потом понял что уже 3 часа ночи и мне лень, уж извените.
Во-первых: сохраните шаблон с разрешением 1024px. и сверстайте с новыми размерами (!!!)
Во-вторых: да текст в шаблоне у вас растрирован, прийдеться потбирать самому.
В третих: проблема у вас из за того, что вы все впихнули в одну таблицу.
Вот ваш код, каждый блок (шапка, центр. подвал) в отдельной таблице. Отступов нет. Дальше сами.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>HTML.BY</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" type="text/css" href="styles.css">

</head>
<body >
<table class="tab_main" cellpadding="0" cellspacing="0">
<tr>
<td>



<table cellpadding="0" cellspacing="0">
<tr>
<td class="top_left">&nbsp;</td>
<td class="top"></td>
<td class="top_right">&nbsp;</td>
</tr>
</table>


<table cellpadding="0" cellspacing="0">
<tr>
<td>&nbsp;</td>
<td class="fon"></td>
<td>&nbsp;</td>
</tr>
</table>


<table cellpadding="0" cellspacing="0">
<tr>
<td></td>
<td class="fon_rezina"></td>
<td></td>
</tr>
</table>


<table cellpadding="0" cellspacing="0">
<tr>
<td></td>
<td class="podval"></td>
<td></td>
</tr>
</table>

</td>
</tr>

</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
margo_hb
margo_hb
Topic Starter сообщение 26.10.2008, 15:49; Ответить: margo_hb
Сообщение #10


(pomp @ 26.10.2008, 06:24) *
margo вообщем ясно. Я уже начал вам верстать заново, потом понял что уже 3 часа ночи и мне лень, уж извените.
Во-первых: сохраните шаблон с разрешением 1024px. и сверстайте с новыми размерами (!!!)
Во-вторых: да текст в шаблоне у вас растрирован, прийдеться потбирать самому.
В третих: проблема у вас из за того, что вы все впихнули в одну таблицу.
Вот ваш код, каждый блок (шапка, центр. подвал) в отдельной таблице. Отступов нет. Дальше сами.


Спасибо большое Pomp, я Вам очень благодарна, что Вы работаете даже ночью.
А поповоду размеров-это так заказчик хочет чтоб все размеры были как на макете, я уже первый раз верстала как считала нужным (ширину делала 1000 пикселей, и шрифт другой), а мне сказали нет надо чтоб точ в точ было.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно ли закрывать ненужные страницы тегом noindex, follow?
 8 noviktamw 2916 2.3.2024, 12:53
автор: toplinks
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
 10 NikN 2637 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Автоматическая перелинковка между страницами Wordpress
 4 rokot 2307 28.7.2019, 20:56
автор: rokot
Открытая тема (нет новых ответов) Сменить фокус общения JS между документами
нужен очень толковый JS разработчик
 0 LebedevStr 2635 24.6.2018, 19:21
автор: LebedevStr
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКак удобнее работать в команде, если надоело переключаться между мессенджерами?
 3 work_lance 3910 14.3.2018, 3:30
автор: work_lance


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 25.4.2024, 13:55

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet