Searcher
-
Posts
2,577 -
Joined
-
Last visited
-
Days Won
3
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Searcher
-
она вылазит только при локальном просмотре
-
По ходу флуд не потеме пошел. А что все такие нервные и агрессивные стали последнее время? Экономический кризис на психику так чтоли влияет? ))
-
#content { background-color:#0CF; height:200px; margin-left: 235px; } изучите принципы многоколоночной верстки: http://layouts.ironmyers.com/ http://www.dynamicdrive.com/style/layouts/category/C10/ http://www.code-sucks.com/css%20layouts/faux-css-layouts/ http://tjkdesign.com/articles/one_html_mar...css_layouts.asp http://blog.html.it/layoutgala/
-
Кроссбраузерная и кроссплатформенная вёрска на EM
Searcher replied to psywalker's topic in Discussion of works
На мой взгляд для портфолио не самый удачный макет. А нареканий на верстку действительно много... Все не опишу, опишу на сколько времени хватит. Если уж вы и картинки делаете не постоянного размера, так тетку то внизу что оставили статичной? В меню если уж надписи под иконками, так пусть все там и будут. И не надо чтобы они прыгали справа вниз и обратно, когда меняешь размер окна. Павел уже об этом писал. Картинки в меню обязательно должны быть кликабельны. Почему везде верстка резиновая а в ИЕ6 - нет? Сделав все на em вы лишили пользователя возможности использовать режим увеличения только шрифтов. Все равно все увеличивается... Пытаюсь увеличить только шрифт, а тут бац, а увеличивается все да еще и выпадает за границы окна... Не для того я шрифт увеличивую, чтобы мне пришлось пользоваться горизонтальным скроллом. Может у меня зрение не очень и я просто хочу более крупные буквы, а такое часто встречается, особенно у людей за 40. А это как раз самая коммерчески высокая и активная часть населения. Вобщем, ширина сайта должна зависеть не от размера символов, а от ширины окна, особенно когда еще полно места. Вот повсеместное использование em - тоже не самый лучший вариант, надо уметь комбинировать с абсолютными размерами и с %. Отсюда ряд проблем. Размер картинок отличный от оригинала в ИЕ6 лучше не использовать, он их очень некачественно рендерит. Линия под меню начинает разделяться на подложку и более светлые фрагменты. В поиске при изменении размера шрифтов какой-то белый прямоугольник начинает наползать на лупу. В коде копаться уже времени нет, но на первый взгляд неплохо. А в остальном, масштабирование не удалось. Да и макет для портфолио изначально не очень годится. -
Надо бы еще с цветами текста и заголовков поработать. Тусклые они какие-то, серого много, нужно больше огня! )) Ну хотябы сместите их в более яркие и насыщенные оттенки.
-
Павел, а вы то что сделали с заданием Волотько?
-
Список наиболее универсальных\распространенных шрифтов
Searcher replied to lyapiss's topic in Tricks and solutions
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html -
Стало еще лучше! )) Только стоит на первой странице убрать ссылку с логотипа. Как бы так правильнее будет. )) До футера что-то на одной из страниц отступ больше, чем на других. Цвет меню что-то немного тяжеловат для чтения. И картинки в меню раз уж есть, то должны тоже быть ссылками и меняться при наведении на них. Хотя на мой взгляд они тут уже лишние. Было изначально более концептуально и стильно, и добавлять чисто оформительские бесполезные элементы потому, что вроде как полагается - не стоит.
-
Дизайн неплохой, но отдельно от тематики и оформления текста. Причем здесь огненные девушки? Нет целостности стилистики текста и графики. А что BOM то в файле?? Без BOM надо страницу делать, а то глюки начнут вылезать...
-
Нет слов... Похоже, что из-за лени то у нас и рунет такой паршивый. Что за паталогическая лень то такая? Лень учиться, лень качественно сделать работу, хотя качественно уже и невозможно потому что лень было учиться и т.д. А в сетевые игры играть не лень? А серфить по и-нету не лень? А писать этот пост не лень? Видимо нет... А почему? Поймите, из-за своей лени вы не только себе делаете хуже, но и других людей подставляете.
-
Может стоит приложить самому усилия? Например изучите как делается верстка в несколько колонок: http://layouts.ironmyers.com/ http://www.dynamicdrive.com/style/layouts/category/C10/ http://www.code-sucks.com/css%20layouts/faux-css-layouts/ http://tjkdesign.com/articles/one_html_mar...css_layouts.asp http://blog.html.it/layoutgala/ В вашей ситуации можно примерно так: <!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"> <title></title> <style type="text/css"> html, body { padding: 0; margin: 0; width: 100%; height: 100%; } #left { background-color: #0FF; float: left; width: 33%; min-width: 300px; } #center { background-color: #F0F; padding-left: 33%; margin-right: 33%; width: 33%; min-width: 300px;; } #right { background-color: #FF0; float: right; width: 34%; } </style> </head> <body> <div id="left">левая колонка с минимальной шириной<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div> <div id="right">правая сужающаяся колонка<br><br><br><br><br><br></div> <div id="center">центральная сужающаяся колонка<br><br><br><br><br><br><br><br></div> </body> </html>Ну а дальше сами...
-
http://validator.w3.org/
-
не вижу особых проблем... вам готовый код нужен?
-
Да, большинство разработчиков используют Notepad++, а тестят в реальных броузерах. Тут эта тема всплывает периодически, и всегда останавливаются на Notepad++
-
Неразбериха в верстке с использованием HTML и СSS
Searcher replied to mira's question in HTML Coding
В css нет элементов. Вы неверно понимаете суть. А суть в том, что html - это язык разметки и его нужно использовать только для описания структуры документа и заполнения информацией, а вот все оформление при помощи классов и идентификаторов выносится в каскадные таблицы стилей (css). Почитайте внимательно про html и css, ну и все остальное на этом же сайте потом уже будет вам полезно. -
Дело в том, что плавающие блоки (flot:left или float:right) выпадают из обычного потока, родитель их перестает видеть. А если родительскому резиновому блоку указать overflow: hidden, он будет видеть плавающие блоки и подстраивать размер с учетом расположения и размеров дочерних плавающих блоков. ну а zoom:1 для родителя добавляется, чтобы ИЕ6 это все понял
-
Походу вы какой-то шаблон используете, или сайт на укозе или на чем-то подобном.... А то, что оформление отдельно, вам совсем не ясно. Вы хотябы заглянули по ссылкам, что я указал?
-
адаптивная разметка к вашим услугам...
-
Шрифт и отступы менять - не решение. С заказчиком я согласен, пункт "Транспортно-экспедиторское обслуживание" не сократить так чтобы не терялся смысл. "Контакты", "Карьера" - еще можно до такого сократить, но будет диссонанс с длинными пунктами, тоже не очень эстетично. Имхо, придется оставить как есть.
-
Ох ты боже мой, ну скольким же приходится говорить, забудте вы про все параметры тэгов, которые так или иначе связаны с оформлением. Разделите структуру документа - html без параметров, и оформление - css. Все выносите в стили. Почитайте внимательно про css и html, на этом же сайте много элементарных решений можно найти в рецептах и в статьях. Да и справочник по css тут отличный.
-
А как вы думаете можно сделать 100% высоту от неизвестности? )) Если высота относительна, то она берется от высоты родителя, которая указана в css. Если в css указана относительная высота, то у родителя родителя должна быть указана высота и т.д. Но есть конечный контейнер... Какой?
-
Дизайн ОТЛИЧНЫЙ! Меню может и стоит немного сократить, но в принципе и так хорошо. При сужении окна неплохо, только футер вылезает вправо. Но все удобно, не надо рыться и искать то, что нужно среди кучи значков всяких пестрых и не пестых и повешенных хорошо только с художественной точки зрения слов. Почему все горе-дизайнеры хотят забить все пространство страницы ненужной информацией?! Себя чтоли показать?! Вот Verder себя показал круче всех любителей мелочевки и пестроты в дизайне! ОТЛИЧНАЯ работа, я считаю!
-
... а вместо align=right у картинки укажите в стилях примерно так: header_box_contents img{float: right; margin: 5px;} И уже сразу учитесь разделять структуру и оформление. Все оформление в css, а структура в html без оформительских параметров к тэгам, они уже устарели, и чтобы броузер понимал по каким стандартам рендерить страницу указывайте doctype. Почитайте внимательно о css и html. И справочник по css отличный на этом сайте.
-
как вариант: //Динамическая загрузка ява скриптов и цсс function loadjscssfile(filename, filetype){ if (filetype=="js"){ //if filename is a external JavaScript file var fileref=document.createElement('script') fileref.setAttribute("type","text/javascript") fileref.setAttribute("src", filename) } else if (filetype=="css"){ //if filename is an external CSS file var fileref=document.createElement("link") fileref.setAttribute("rel", "stylesheet") fileref.setAttribute("type", "text/css") fileref.setAttribute("href", filename) } if (typeof fileref!="undefined") document.getElementsByTagName("head")[0].appendChild(fileref) } // в коде страниц используется так: // loadjscssfile("myscript.js", "js") // loadjscssfile("javascript.php", "js") // loadjscssfile("mystyle.css", "css") //Динамическая выгрузка ява скриптов и цсс function removejscssfile(filename, filetype){ var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none" //determine element type to create nodelist from var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none" //determine corresponding attribute to test for var allsuspects=document.getElementsByTagName(targetelement) for (var i=allsuspects.length; i>=0; i--){ //search backwards within nodelist for matching elements to remove if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1) allsuspects[i].parentNode.removeChild(allsuspects[i]) //remove element by calling parentNode.removeChild() } } // в коде страниц используется так: // removejscssfile("somescript.js", "js") // removejscssfile("somestyle.css", "css")
-
Тут много ошибок, а самое главное, не верный подход изначально. Вы смешали структуру и оформление. Вся структура описывается в html без применения параметров оформления для тегов, а все оформление выносится в css. Почитайте внимательно о css и html.