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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Пробелы между картинками
DJI
DJI
Topic Starter сообщение 17.12.2010, 13:24; Ответить: DJI
Сообщение #1


Всем привет=)
Вобщем, я новичок=)
Пробую делать сайтик. Проблемы с фоном. Нужно чтобы он был резиновый (не зависимо от разрешения моника юзера, показывался как надо). Есть разрезанная картинка: шапка, середина, подвал. Шапка вроде норм, но между серединой и шапкой белая полоса.. Середина мне нужна резиновая (чтобы размер менялся от моих потребностей, ну как минимум должна повторятся раза 2..).Я ее засунул в таблицу но че то не могу понять как с ее размером играть, подвал вставлен как и шапка. Вопрос как убрать пробелы и белую рамку, которая вокруг всего этого? Что сделать с серединой? Что я делаю не так?
Мои тэги
<html>
<head>
<meta content="text/html; charset=Windows-1251"
http-equiv="content-type">
<title>67</title>
</head>
<body>
<img
src="http://torrents.nvkz-net.ru/forum/galeree/images/6812.jpg"
alt="" style="width: 100%; height: 100%;">
<table repeat="" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td><img style="width: 100%; height: 100%;" alt=""
src="http://torrents.nvkz-net.ru/forum/galeree/images/68324.jpg"></td>
</tr>
</tbody>
</table>
<img style="width: 100%; height: 100%;" alt=""
src="http://torrents.nvkz-net.ru/forum/galeree/images/836456.jpg">
</body>
</html>

[attachment=37297:Безымянный.jpg]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 17.12.2010, 13:28; Ответить: vasvas7775
Сообщение #2


Попробуй убрать
alt="" style="width: 100%; height: 100%;"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DJI
DJI
Topic Starter сообщение 17.12.2010, 13:35; Ответить: DJI
Сообщение #3


Не помогает, пробелы остаются и картинка увеличивается.
[attachment=37298:Безымянный.jpg]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FightInGlory
FightInGlory
сообщение 17.12.2010, 13:36; Ответить: FightInGlory
Сообщение #4


Впиши это в стили.
[CSS]
*{
padding:0;
margin:0;
}
[/CSS]
Если у тебя одинаковая картинка, т.е. её можно повторить, то не делай картинками, просто поставь фон тому блоку которому необходимо
[CSS]
background:url(http://torrents.nvkz-net.ru/forum/galeree/images/68324.jpg);
[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DJI
DJI
Topic Starter сообщение 17.12.2010, 13:39; Ответить: DJI
Сообщение #5


(FightInGlory @ 17.12.2010, 15:36) *
Впиши это в стили.

Со стилями не знаком.. Как это сделать? Как подключить стили?:rolleyes:

(FightInGlory @ 17.12.2010, 15:36) *
background:url(http://torrents.nvkz-net.ru/forum/galeree/images/68324.jpg);

Вот это пробывал вписывать в сам html код, картинка все так же увеличивается. Мне нужно чтобы середина повторялась столько раз, сколько потребуется, а остальное все стояло на месте.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 17.12.2010, 13:44; Ответить: vasvas7775
Сообщение #6


между
<head></head>
впиши
<style>*{
   padding:0;
   margin:0;
}</style>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
DJI
DJI
Topic Starter сообщение 17.12.2010, 13:50; Ответить: DJI
Сообщение #7


vasvas7775, сделал, теперь все так же увеличено только нет белых полей спс, но вот 2 белые полосы между картинками остались...
alt="" style="width: 100%; height: 100%;"
это сново добавил, увеличенности нет, но остались все теже пробелы белые между картинками
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FightInGlory
FightInGlory
сообщение 17.12.2010, 13:56; Ответить: FightInGlory
Сообщение #8


Вот пример с картинкой которая размером 20x20 пикселей, но она репитется по всему документу.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
*{
padding:0;
margin:0;
}
html,body{
height:100%;
width:100%;
background:url(test.gif);
}
table{
width:100%;
border-collapse:collapse
}
td{
height:200px;
}
</style>
</head>
<body>
<table>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</body>
</html>

В этом примере картинка репитится только в таблице
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
*{
padding:0;
margin:0;
}
html,body{
height:100%;
width:100%;
}
table{
width:100%;
border-collapse:collapse;
background:url(test.gif);
}
td{
height:200px;
}
</style>
</head>
<body>
<table>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 17.12.2010, 13:57; Ответить: vasvas7775
Сообщение #9


зачем ты прописал
<img
src="http://torrents.nvkz-net.ru/forum/galeree/images/6812.jpg"
alt="" style="width: 100%; height: 100%;">
три раза, надо один и растянуть по всей ширине и высоте, она сама растянется, а так у тебя три картинки
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
vasvas7775
vasvas7775
сообщение 17.12.2010, 14:32; Ответить: vasvas7775
Сообщение #10


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
 10 NikN 2637 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Автоматическая перелинковка между страницами Wordpress
 4 rokot 2305 28.7.2019, 20:56
автор: rokot
Открытая тема (нет новых ответов) Как убрать полоски с картинками “PushDown”
 4 mstdmstd 5749 8.10.2018, 17:31
автор: -Сабж-
Открытая тема (нет новых ответов) Сменить фокус общения JS между документами
нужен очень толковый JS разработчик
 0 LebedevStr 2633 24.6.2018, 19:21
автор: LebedevStr
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКак удобнее работать в команде, если надоело переключаться между мессенджерами?
 3 work_lance 3909 14.3.2018, 3:30
автор: work_lance


 

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

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

RSS Текстовая версия Сейчас: 23.4.2024, 15:52

Дизайн

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