eVErl@Sting
-
Posts
154 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by eVErl@Sting
-
Mavrun Ты не правильно понял задачу..
-
Смотрите рисунок, шапка и подвал фикс, центр 100%, за пределы браузера не чего уходить не должно, центр должен прижимать подвал к низу браузера и шапку к верху, вариант с абсолют ботумом для подвала не катит. Вертикальной прокрутки быть не должно. Я сам позаморачивался и у меня не чего не вышло. В теории думаю что тут нужен какой то java скрипт который определял бы размеры браузера пользователя и подгонял бы под это высоту центра..так как если просто 100% высоту задать центру, то браузер примет за 100% всю высоту окна браузера без вычета из нее размера шапки и подвала.
-
По теме плс ответы) P.S.: Я просто увидел скрин и решил по нему попробовать тоже сверстать ради интереса и проверки своих способностей, заморачиваюсь в свободное время.
-
Есть такая вот тестовая страница: Страница Столкнулся с такой вот проблемой, мне нужно, чтобы центральная часть страницы растягивалась по высоте браузера, в зависимости от разрешения экрана у пользователя. Но когда я ставлю центральному блоку height: 100% то появляется вертикальная прокрутка, как я понял центральный блок принимает за 100% размер body, т.е. если у нас body равен 100%, а именно размерам окна браузера по вертикали, к примеру 890px, то и размер центрального блока становиться 890px…почему хз. Где я допустил ошибку, в чем проблема?
-
Попробуй так: <? include_once '../include_html/file_name.php'; ?> и в .htaccess: AddHandler application/x-httpd-php .php .htm .html .shtml AddHandler server-parsed .shtml .shtm .sht .html .htm
-
Кури в сторону Grid, Guides и Slices tool, а так же Save for Web в Photoshop А для последующей верстки хотя бы Dreamweaver изучи и прочти книжку по HTML для начинающих
-
Вопрос по резиновуму сайту, по фоновой картинке и практика верстки
eVErl@Sting replied to nuna's question in HTML Coding
Советую шаблоны делать не более 1000px в ширину..а точнее 1024px-17px(вертикальная прокрутка) = 1007px -) Если у тебя моник здоровый это не значит что у других тоже! Не допускай случая чтобы у людей появлялась горизонтальная прокрутка при просмотре твоего сайта. -
Укажи нормальный доктайп P.S.: А это в конце кода что за wtf: </textarea></form> </title></comment></a> </div></span></ilayer></layer></iframe></noframes></style></noscript></table></script></applet></font> <style> #bn {display:block;} #bt {display:block;} </style>
-
А можешь скинуть логотип Png файлом на прозрачном фоне и сказать какие там шрифты на странице используются? Мне данный сайтик показался отличным вызовом для меня проверить свои способности в верстке, отличный макетик.
-
http://www.rabotaomsk.ru/vacancy_org.php?account_id=24115
-
Просто макетик тебе дали ооочень не простой, я так понял это для проверки способностей и навыков, вообще там видно что делали Флэш версию сайта, а тебя попросили на html сверстать? Вообще очень потрясающий макет для оценки навыков верстальщика.
-
Смотри выше я скрин и текст добавил
-
А что мешает края блока сделать отдельными картинками в отдельных блоках Смотри, верхнюю черную полоску делаешь поверху в отдельном блоке. Дальше вырезаешь стороны центрального контента и углы, делаешь для них отдельные блоки, блокам по сторонам даешь высоту 100%, блоку с верху ширину 100%, зеленым обозначен центральный блок, делаешь ему фон прозрачной гиф картинкой синего блока, ну просто белый полупрозрачный фон как там на рисунке. Теперь мы видим что на скрине градиент идет, вырезаем его полоской как желтым цветов показано, вставляем отдельным бэкграундом в диве поверх с повторением по горизонтали, блоку ширину 100% и выравниваем поверху..теперь у нас будет с верху в низ градиентный переход..ну а весь контент что будет в нутрии зеленого блока ставим поверх этого всего..
-
Кстати по мне так это самый простой вариант, сделать этот полосатый бэкграунд, а посередине разместить таблицу с полупрозрачным белым бэкграундом 1х1 и сделать повторение по горизонтали и вертикали..
-
Проверяй кодировку самого файла. Например в Notepad++, если у тебя в заголовке utf-8 тогда кодируй файл в utf-8, если 1251 то в 1251.
-
Верхнии строки кода переделай на эти: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251;charset=windows-1251" /> <title>Храм в Автово</title> Сделай чтобы выше доктайпа не чего не было больше, пусть даже закоментированного. Сайт получается по центру, ну зато правый блок тогда куда то в низ уходит, это уже отдельно надо смотреть, почему так.
-
а у меня по ссылке сразу скачка файла идет. VladМожет у тебя браузер в место скачки картинки просто открывает ее в новой вкладке, а ты думаешь, что это страница открывается?. Вообще сайт понравился, не чего лишнего, не баннеров не рекламы и надеюсь и в будущем на сайте этого говна там не будет, все довольно мило и приятно. Заметил что в ИЕ8(хз как в других версиях) ошибку ява скрипта выдает и оценка фотки не работает в место крестиков в размере картинки пишет знак ? т.е. в место 960×800 пишет 960?800
-
Пацанчик видать хотел какой то варезный шаб к юкозу прикрутить, да и не полупилось у него не чего) Сейчас вроде там стандартный скин, уже кем то испоганенный..
-
-
text-align:center попробуй
-
Ты бэкапы что ли не делаешь? и не помнишь чего изменял? У тебя в css ссылки к картинкам прописаны следующие: /images/light-page-controls.png , но по указанному адресу их нету, начни с этого..
-
Сайт не пашет
-
Тебе для кнопок нужны спрайты! Делаешь одну картинку со всеми видами кнопоки при наведении/нажатии/нормальном состоянии подгружаешь ее бэкграундом и в стилях hover, active, visited, link указываешь бэкграунд с отступами..в общем почитай об этом, это просто) Игры кстати тоже на спрайтах делают, по крайне мере делали, примеры Carmageddon и Quake 2
-
Вот с хабра взял: preloadimg.js stopPreloadImg = false; arrayImgCached = new Array(); arrayImg = null; baseUrl = null; function preloadImg(preloadArray, baseUrl) { this.arrayImg = preloadArray; this.baseUrl = baseUrl; cacheImage(); } function safeMemoryInRecursion() {window.setTimeout(cacheImage, 0)} function cacheImage() { if (arrayImg.length > 0 && stopPreloadImg == false) { var img = new Image(); img.onerror = function(){safeMemoryInRecursion()}; img.onload = function(){safeMemoryInRecursion()}; img.src = baseUrl + arrayImg[0]; arrayImg.shift(); arrayImgCached[window.arrayImgCached.length] = img; } } <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <h1>Страница с предзагрузкой изображений</h1> <p>содержимого страницы которое может содержать в себе всё что угодно кроме предзагружаемых изображений. Предзагружаемые изображения использоватьб здесь нет смысла тк эти изображения могут загрузиться дважды.</p> <ol> <li>Первый раз как используемые на этой странице</li> <li>Второй раз как предзагружаемые изображения</li> </ol> <p>Крайне желательно чтобы эта сраница использовалась продолжительное время, тк в противном случае предзагрузка может отработать не полностью. Если у пользователя в добавок ко всему отключен кэш то при переходе на следующую страницу браузер всёравно будет вынужден загрузить заново все изображения</p> <script type="text/javascript" src="preloadimg.js"></script> <script type="text/javascript"> var srcArray= new Array( "/photo_com/650/3257.jpg", "/photo_com/650/3298.jpg", "/images/404_habra_error.png" ); preloadImg(srcArray, "http://asha-city.ru"); </script> </body> </html>
-
для IE7 То что ты называешь, бегает..у меня есть только в Опере, во всех других браузерах и версиях ИЕ при масштабировании у меня все ок. Я думаю что это баг оперы, так как если открыть вкладку уже с увеличением то все ок, а если менять его на странице то кнопки бегают, причем у меня только кнопка ЗАПОСТИТЬ меняет свое положение, переноситься в низ.