Нужна помощь по html и css | Крымский форум

Нужна помощь по html и css

  • Добро пожаловать на форум! Рады видеть вас здесь! Зарегистрируйтесь или Войдите в аккаунт, чтобы иметь полный доступ к площадке!
Bannerok
S

Serega555

Местный житель
Ветеран
Сообщения
1,182
Реакции
3
Репутация
11
И так есть картинка фонового размера меньше чем разрешение экрана и оно не растягивает картинку,а делает как бы кубиками
если в стиле прописать
Body
{
background-repeat:no-repeat
}
тогда получается картинка а там где размер не достоёт просто белый фон, пробывал прописать высоту ширину не помогло как быть?
2)
имеется страничка там картинки под которыми ссылки как их можно сделать чтобы они не шли по левому краю в столбик, а были сверху как банер в один ряд в центру, пробывал и просто прописатть всё равно тоже самое и пробывал так:
и вот сделать чтобы картинка (<img src="img/x_6a03f70b78.jpg">) была по центру а не отодвигала те катинки с сылками
код ниже

<body background="img/Neboskreby-8524.jpg">

<img src="img/x_6a03f70b78.jpg">

<a href="distr/deb.htm"><img src="img/distr_img/Debian-OpenLogo_thumbnail.png" width="120" height="90" border="0"></a>
<br>
<a href="distr/gentoo.htm"><img src="img/distr_img/Gentoo_Linux_logo_matte_thumbnail.png" width="90" height="70" border="0"></a>
<br>
 
по первому вопросу, как я понял нужно чтобы фоновая картинка подгонялась под размер окна?

css:
#l1 {
background-repeat:no-repeat;
z-index: 1;
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
margin:0;
}
#l2{
position: absolute;
z-index: 2;
}
html:
<body>
<div id="l1">
<img src="ссылка на картину" width="100%">
</div>
<div id="l2">
Сайт как таковой
</div>

хотя способ этот для извращенцев

2.
Если я правильно понял, то тебе нужно эти картинки просто заключить в таблицу
<table border="0" width="ширина таблицы" align="center">
<tr><td width="ширина ячейки">
<img src="картинка1.jpg">
</td><td width="ширина ячейки, если нужно">
<img src="картника2.jpg">
....
....
</td></tr>
</table>
 
Serega555, на текущий момент нельзя манипулировать размерами фонового изображения с помощью тегов и стилей.

Способ, который предложил freesoul, неплох, но следует учесть, что используется по сути не фоновое изображение, а < img > в DIVе-подложке. Со всеми побочными эффектами.

Цитата(freesoul @ 12 Октября, 2010, 20:04)
по первому вопросу, как я понял нужно чтобы фоновая картинка подгонялась под размер окна?

css:
#l1 {
background-repeat:no-repeat;
z-index: 1;
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
margin:0;
}
#l2{
position: absolute;
z-index: 2;
}
html:
<body>
<div id="l1">
<img src="ссылка на картину" width="100%">
</div>
<div id="l2">
Сайт как таковой
</div>



Добавлю:
1) background-repeat:no-repeat; - это лишнее
2) <img src="ссылка на картину" width="100%"> - таким способом получится изображение, отмасштабированное до ширины окна. При этом высоту браузеры рассчитают пропорционально и, если изображение длинное, но узкое (типа 600*40), вместо полного покрытия фона получишь одно изображение вверху, и все. Если же указать заодно и height="100%", то изображение будет искажено (сжато или растянуто) в зависимости от размеров окна браузера (более того, при ресайзе окна картинка будет себя забавно вести). И еще один нюанс: масштабирование изображений браузеры делают по-разному; старые - увеличивают линейно, картинка получается квадратиками; современные - норовят интерполировать. И в том и в том случае получается говно.



По второму вопросу: подучи русский язык и научись мысли формулировать. Это не ТЗ, а каша какая-то.
 
По первому вопросу: растянуть bg изображение средствами css получится разве что в IE, если с фильтрами побаловаться, однако сама идея, мягко говоря, не очень хороша. Как альтернатива: сведи в фотошопе края изображения в цвет или градиент и положи изображение на него по центру.
По второму: если я правильно понял задачу, то положи все в таблицу и задай ей "margin: 0 auto;".
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху