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



 

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

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

4 страниц V   1 2 3 4 >
Открыть тему
Тема закрыта
> Помогите с выбором верстки.
photosuperstar
photosuperstar
Topic Starter сообщение 7.2.2009, 14:57; Ответить: photosuperstar
Сообщение #1


Суть проблемы:
я фотограф, когда-то сам уже себе писа сайт на html используя шаблон и полностью переделывал его, знаском с css, внедрял js и в нем ковырялся тоже. Но все равно, почти полный ноль :wacko: Делал все в блокноте.
Сейчас появилась необходимость создания новго сайта, и я снова взялся за фотошоп, придумал там себе дизайн и теперь пытаюсь осуществить это все. правда для удобства щас пользуюсь дримвьювером.

Конечно не было бы проблем если бы я не заморачивался, но внешняя привлекательность для меня важна. И я решил делать визуально объемный сайт с тенями и вньетированием. И тут пришла она, большая делема как это делать.

Сайт имеет основную подложку размером 900х900 пикселей с наложенной тексуторой, чтобы она не была плоской, сверху положить решил карьтинку png прозрачную с затемнениями по краям. Поверх всего этого должно будет быть еще 2 слоя с основной областью и тенью под ним.

Конечно же все это я пытался делать с помощью div и тут главная проблема, никак не получается сделать так, чтобы слои были ровно друг под другом, обычно самы верхний слой 700х700 выходит под слоем 900х900, т.е нужно скролить чтобы его увидеть. не на заднем плане, а именно под ним.

Конечно же можно было бы не парится и сделать просто нужно картинку с виньетирование, но тогда только эта картинка будет весить от 200 до 400 кб в нужном качестве. А так, текстурка 4кб и веньетка 60кб.

Пробывал таблицей сделать, но тут проблема рамка таблицы все портит.

Какие будут советы, как быть? Если кому-то непонятно чего я хочу, готов показать эскиз и еще более подробно объяснить чего я хочу.

З.Ы
Написал много. но подробно.

И еще, png мой в ie отображается как непрозрачная картинка, хотя в опере и фаерфоксе нормально, глюк?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 7.2.2009, 15:21; Ответить: Webmaster_hb
Сообщение #2


1. надо было начать с выкладывания макета
2. png 24 битные в ie6 не будут у вас отображаться
для этого есть отдельные фиксы
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
photosuperstar
photosuperstar
Topic Starter сообщение 7.2.2009, 15:34; Ответить: photosuperstar
Сообщение #3


(Webmaster_hb @ 7.2.2009, 17:21) *
1. надо было начать с выкладывания макета
2. png 24 битные в ie6 не будут у вас отображаться
для этого есть отдельные фиксы

Тут можно поосмтреть 900х900 пикселей 83кб.
http://keep4u.ru/imgs/b/2009/02/07/f2/f2c633e66018ad8fa7.jpg
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 7.2.2009, 15:39; Ответить: Webmaster_hb
Сообщение #4


картинка не открылась
приложите ее к сообщению прямо на форуме
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
photosuperstar
photosuperstar
Topic Starter сообщение 7.2.2009, 15:43; Ответить: photosuperstar
Сообщение #5


(Webmaster_hb @ 7.2.2009, 17:39) *
картинка не открылась
приложите ее к сообщению прямо на форуме


[IMG]http://keep4u.ru/imgs/s/2009/02/07/f2/f2c633e66018ad8fa7.jpg[/IMG]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 7.2.2009, 15:59; Ответить: Webmaster_hb
Сообщение #6


теперь подробности
сайт будет фиксированный по ширине ?
слой который поверх - будет фиксированный по ширине и высоте ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
photosuperstar
photosuperstar
Topic Starter сообщение 7.2.2009, 16:04; Ответить: photosuperstar
Сообщение #7


(Webmaster_hb @ 7.2.2009, 17:59) *
теперь подробности
сайт будет фиксированный по ширине ?
слой который поверх - будет фиксированный по ширине и высоте ?

Да, все фиксиравоно. Тот что нижний самый он 900х900 а тот что коричневый сверху 700х700, и вот в него мне нужно нужно будет все умещать. Только вот что, соответственно все это должно быть по центру, нижний относительно страницы а врехний относительно нижнего слоя.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 7.2.2009, 16:43; Ответить: Webmaster_hb
Сообщение #8


примерно так
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<table>
<tr>
<td align="center">
<div id="fon">
<div id="main"></div>
</div>
</td>
</tr>
</table>

</body>
</html>
для фонового блока задаете свою картинку фоновую
для верхнего блока - также задаете фоновую картинку
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
photosuperstar
photosuperstar
Topic Starter сообщение 7.2.2009, 17:16; Ответить: photosuperstar
Сообщение #9


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link href="base.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
background-color: #000000;
}
--
>
</style></head>
<body>
<table width="900">
<tr>
<td height="900" align="center">
<div id="fon">
<div id="main"></div>
</div>
</td>
</tr>
</table>

</body>
</html>


Вот такой хтмл.

@charset "windows-1251";
#fon {
background-image: url(image/wp_damask_074.jpg);
width: 900px;
height: 900px;
}
#main {
background-color: #55310e;
width: 700px;
height: 500px;
position: relative;
top: 200px;
left: 150px;
}


#fon прилип к левой стенке, как сделать по центру? Всю голову расшиб уже. А вот тот что #main все четко, ровно по центру, относительно всего экрана.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 7.2.2009, 17:19; Ответить: Webmaster_hb
Сообщение #10


такс, для таблицы
border:0px;
border-collapse:collapse;
width:100%;
height:100%;

для fon
width:900px;
height:900px;
background-image:url(fon.jpg);
overflow:hidden;
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
4 страниц V   1 2 3 4 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 692 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1695 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2315 7.8.2020, 9:28
автор: heisenberg_mw
Открытая тема (нет новых ответов) Помогите найти тему пожалуйста
7 virtas 12398 24.7.2020, 17:02
автор: -JamesSmips-
Открытая тема (нет новых ответов) Помогите с поиском доноров
3 tehno_music 3331 4.11.2019, 17:15
автор: goblin78


 



RSS Текстовая версия Сейчас: 28.3.2024, 14:25
Дизайн