Fu-tai
-
Posts
450 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Fu-tai
-
Для начала я бы вам советовал вынести все в отдельный файл CSS и не захламлять код стилями! Во вторых нафига float: right; ? В третьих вот как например можно все это сделать! <style> * { margin: 0; padding: 0; border: 0; } .asd, .ast { width:17%; height:46px; float:left; background-color:#eee; } .ast { width:16%; } </style> </head> <body> <div class="asd">asd</div> <div class="asd">asd</div> <div class="ast">asd</div> <div class="ast">asd</div> <div class="asd">asd</div> <div class="asd">asd</div> </body> В Опере 9.2, Файрфоксе 2.0, ИЕ 6.0 все работает замечательно и никаких отступов не наблюдается!
-
Скопируйте прямо весь код, и замените названия файлов. незабудьте проверит чтобы рисунки были в этой же папке И разместите какой нито текст на странице, увидите что все прекрастно работает! Вы либо не все скопировали, либо что то удалили в коде! А может у вас просто картинки лежат не в тойже папке где и файл хтмл?
-
Кхм! Из за того что вы, визуально поменяете их местами поисковик не станет читать сначала второй блок, а потом первый! Поисковик это машина и читает он вашу страничку в виде кода, а не визуальным представлением. А в коде у вас первый блок над вторым!!!! Поэтому поисковик прочитает сначала первый блок а потом второй, как бы вы их не переставляли с помощью стилей!
-
К примеру можно вот так! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Вот так вот можно</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style> * { /* Обнуляем все лишнее*/ margin:0; padding:0; border:0; } body { background-image:url(arrow_top.gif); /*картинка которая должна распологаться справа*/ background-position:right; /*определяем позицию для картинки*/ background-repeat:repeat-y; /*повторяем по Y*/ } html { background-image:url(arrow_bottom.gif); /*картинка которая должна распологаться слева*/ background-position:left; /*определяем позицию для картинки*/ background-repeat:repeat-y; /*повторяем по Y*/ } p { padding: 2%; /*задаем внутренний отступ для тега p*/ } </style> </head> <body> <p>Здравствуйте! У меня такая проблема... Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там! Я пробовала через css - то есть например: body {background-image:url(fon1.gif); background-repeat:repeat-y; margin-left:40px} это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....</p> <p>Здравствуйте! У меня такая проблема... Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там! Я пробовала через css - то есть например: body {background-image:url(fon1.gif); background-repeat:repeat-y; margin-left:40px} это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....</p> <p>Здравствуйте! У меня такая проблема... Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там! Я пробовала через css - то есть например: body {background-image:url(fon1.gif); background-repeat:repeat-y; margin-left:40px} это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....</p> <p>Здравствуйте! У меня такая проблема... Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там! Я пробовала через css - то есть например: body {background-image:url(fon1.gif); background-repeat:repeat-y; margin-left:40px} это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....</p> <p>Здравствуйте! У меня такая проблема... Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там! Я пробовала через css - то есть например: body {background-image:url(fon1.gif); background-repeat:repeat-y; margin-left:40px} это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....</p> <p>Здравствуйте! У меня такая проблема... Я задумала сделать страницу на которой по бокам браузера будет идти один и тот же рисунок (только зеркально отраженный) но у меня получается "запустить" его только либо слева либо справа но НИКАК не вместе и там и там! Я пробовала через css - то есть например: body {background-image:url(fon1.gif); background-repeat:repeat-y; margin-left:40px} это - из левой верх точки по оси Y но мне нужно еще и из правой верх точки! но....</p> </body> </html> Высота правой картинки будет зависеть напрямую от высоты всей страницы! Но и это можно поправить. Спросите меня как?
-
Во первых, Див и так не будет на всю высоту, поскольку он выщитывает высоту, от высоты контента и margin, padding, border; ИЕ считает это растояние по своему и если эти параметры не нужны то лучше их обнулять! Ну а во вторых, если нужно чтобы от прямоугольника были отступы, то нада вместо position: absolute; bottom и top использовать margin: 100px 0; То что вы написали распологает блок по оси координат, а не делает отступы от блока!
-
Однако непонятно, а зачем? Поменяйте местами слои в коде и не мучайтесь! Или вы хотите чтобы один слой как бы наползал на другой?
-
Средств нет но, это можно реализовать!
-
Не ты один!
-
Уважаемый Maslakoff Чего вы кипятитесь и переходите на личности? Вы просили критики!? Вы ее получили! Я в вашей критике не нуждаюсь, поэтому и не прошу ее! А теперь по порядку: А я вообще не дизайнер! А где написано, что лучше его сделать широкоформатным? Я кажется об этом уже говорил! Читай внимательней! Да неужели? Лед тронулся, господа присяжные и заседатели! А кто говорил про вкус? Помоему мы обсуждаем не вкусы, а конкретный дизайн. На народе кстати, часто встречаются ресурсы ооочень даже профессионально сделанные. Я в него ничего не вкладываю. все уже вложили до меня и за меня. Дизайн в яндекс словарях Дизайн на википедия А если вы туда еще что-то докладываете, то мне вас жаль.:| Хотя изобретение велосипеда это тоже занятие. И к какому такому "направлению" вы относите свой дизайн? В веб дизайне вообще нет "направлений", направления есть в Дизайне как таковом (веб дизайн, граф дизайн, пром дизайн ...). В вебе есть типы и стили дизайна. Тип - это корпоративный, визитка, личная страница, блог, портал и т.д. Стиль - это уже к самому оформлению. Но всетаки это официальный сайт!? именно паларойда! А аааа! Так это сайт про очки, а я то думал про тетку!!!!!!! Тетка кстати ниче так! Идея того, что нефига это сайт, не про очки, панятна? Ну не пахнет он очками, он теткой пахнет! И темнотой! И даже если это фирменные цвета, еще не говорит о том, что сайт должен быть черным, как ночь! А если бы уних был только один цвет, черный!? сайт был бы тоже черным? Внимание вопрос, а зачем посетители заходят на сайты? (наверное чтобы насладится фирменными цветами компании!?) Это вы о себе?
-
Уважаемый Maslakoff http://polaroid.ua/ - Бред! Это еще одно непонятно к чему и зачем. И давно компания Поларойд стала украинской? http://polaroid.com - Ознакомьтесь с тем что есть Поларойд, плз! А теперь расскажите о найденных отличиях в вашей работе и официального сайта! Я и не сказал что сайт больше напоминает блог из за своего формата! Я сказал что сайт смотрится блогом из за дизайна (Читай внимательней). Проспался! Результат просмотра тотже. Не понравилось, ну никак не понравилось. + Да что вы куда нам до вас и пытаться не буду! Ты не обижайся, просто устал комментировать код при отсутствии дизайна. Что очень часто здесь встречается. А так охота чтоб и стильно, и красиво, и удобно!
-
И здрасти! Ну понеслась, родимая... Дизайн. Вернее его отсутствие! При первом взгляде вообще непонятно где находишься! толи на частном блоге этой девушки в очках, толи на корпоративном сайте!? Потом находишь глазами (вот имено что находишь, а не цепляешься!) "бутик света" и вообще впадаешь в панику свет стал черным как ночь! Чего он темный то какой? черный, серый, белый! и при чем здесь свет? Кстати а причем здесь девушка в солнцезащитных очках? и так темно она еще очки надела?! Название можно смело написать заголовочным тегом! Зачем было делать картинкой? Чем заниматся эта компания вообще непонятно! Меню мелкое и поскольку белое на черном то не спасают даже цветные полосочки рядом с пунктом меню! УСЕ СЛИВАЕТСЯ И ВЫЗЫВАЕТ РЯБЬ Подчеркивание усиливает эффект, поскольку создает впечатление единого массива быкв! Серый шрифт на сером фоне не удачная затея! Даже немного текста заставляют напрячь все два глаза до возможностей телескопов! А если текста будет больше!? Картинку паларойд можно было и поверх всего этого хозяйства разместить! При маленьком размере браузера очень даже неплохо смотрится! На сайте куча мелких и нифига не видных элементов являющихся ссылками! Зачем они нужны? И почему их надо искать с лупой? Так и не смог рассмотреть че это за элементы поэтому ничего про них сказать не могу! Въобщем дизайн никакой! темно тепло и мухи не кусают! О чем все это так и не понял! Код! Смотри выше! Единственное что добалю, так это зачем было верстать таблицей и навставлять кучу дивов? Верстал бы лучше дивами, все бы замечательно смотрелось! При отключении стилей страница вообще становится не воспринимаемой! Въобщем пишите чаще, пишите чище, пишите чтоб читали! Мне, все это не понравилось! Вообще никак не понравилось!
-
ага в опере все в кучу по второй ссылке! по первой нафига этот рисунок под текстом синий? Сделайте его юолее блеклым, а то читать невозможно!
-
Ага и все это Матрица!
-
проверка в?рстки под разные разрешения монитора
Fu-tai replied to S ... (delete)'s topic in Tricks and solutions
У мя стоит прога ресайзер называется! Вполне приемлемая штуковина. выдает изображения при разных разрешениях! Вот токо где я ее нашел не помню! -
Верстку надо начинать с контента! И только с контента или его предположительного количества и качества! Вот када текст влет верстать научитесь, можно и за оформление браться!
-
А к чему такое обращение к классу "col.d" ? Это лишнее и скорее всего поэтому оно и не реботает достаточно писать .d и все должно заработать! Кстати а что за тег такой
-
У тебя кодировка указана charset=windows-1251 Хотя уже всем миром признано что логичнее использовать utf-8 Ластик- это прием убирания маржингов, паддингов и бордеров у всех элементов, в начале написания кода CSS. Вот здесь очень хорошая статья про это http://designformasters.info/posts/70-expe...ter-css-coding/
-
Наконец то ресурс который, реально, можно отрецензировать! Ну для начала! Сайт статичный, хотя дизайн позволяет сверстать его резиновым! Дизйн кстати замечательный! Верстка грязноватая! Много лишних дивов, и неучтенных тегов! Кодировку наверное всетаки выбрать utf-8 Лояльней и лучше. Непонятно почему, но в разметке встречаются стили положения align="right" align="center" Из за этих неучтенных стилевых тегов, при отключении стиля страницы весь текст почему то справа, а не слева как должен быть! Возникает логичный вопрос, а CSS для чего придумали? (Все стили в CSS и вам будет проще и владельцы наладонников и прочих устройств, браузеры которых не поддерживают стили, скажут вам спасибо). Про заголовки, действительно лучше использовать h1. Хотя поисковики и берут заголовки вплоть до h4, всетаки важность они оценивают начиная с h1! Вообще название зря обернуто в див! h и так блочный элемент и обладает всеми свойствами для блока! Почему Вам проще обернуть текст в див, а не написать для него стиль? Тоже самое относится к картинкам. Не надо плодить дивы если вам надо лишь распорложить картинку и рядом тест. Задайте float прямо для картики и все будет как надо! Почему меню вправаа написано списком, а меню над контентом просто ссылками? Используйте списки для меню и прочих групп ссылок! Эт намного проще! Заголовки "О НАШЕЙ ФИРМЕ" всетаки лучше сделать тегом h, скажем h3, главное чтоб он был ниже, по рангу, названия компании, а не Дивом. Который кстати лишний! Текст лучше не уводить от заголовков за тридевять земель, а распологать поближе к заголовку! Тоже к остальным заголовкам! CSS захламлен. Вопервых читать код сложно! Во вторых много id и практически нет class хотя повторяющихся по стилям элементов у вас достаточно! Вы не уничтожаете дефолтный стиль, это может приводить к некорректному виду у пользователей, которые назначают свои стили через браузер! Очень много обнулений. лучше используйте ластик вначале кода * { margin:0; padding:0; border:0; } Так будет проще и сэкономите себе и нам(пользователям) время. Поехали дальше!? Кнопку GO лучше заменить на "Найти" Сайт ддля русскоговорящей публики или как?! Ссылки всетаки лучше подчеркивать! Зачем уифры в качестве маркера у правого меню? Они вопервых большие, вовторых цветом светлее, поэтому бросаются в глаза в первую очередь и отвлекают от основного меню! Что не есть гуд! К чему такой большой копирайт? Он превосходно бы смотрелся под адресом! Который кстати тоже не на месте! Желание сдвинуть его в правый блок, никак не покидает! Собаку лучше отодвинуть от края на расстояние формы поиска! Заключение: Дизайн понравился. Сверстано грязно, но сверстано же! А это уже заслуживает респекта! Дерзайте!
-
?????????. Не надо так!
-
Однако
-
Це уже было! И я точно Хдето это все уже видел! Мож на форуме Текстпаттерна? А мож и здесь!!! Кароче с пивом пойдет! када доделаешь уже?
-
Чет я не очень понял!!!! Если слова "Ну да конечно" Были направлены камнем ко мне в огород! То либо вы ошиблись ссылкой, либо подтвердили мои слова! Что вы хотели сказать этими словами и приведенной ссылкой?! непонятно!!!! Патаму что, берем Оперу, переходим по указанной вами ссылке и что мы видим! А ничего утешительного! Вопервых дизигн разваливается начиная с середины страницы!!! Вовторых резины там как небыло так и нет. Боюсь, что и не будет! При 1024х768 смотрится как развалины. При разрешении 800х600 появляются полосы прокрутки. При более большом разрешении все разваливается начиная с шапки! Ужас короче! Так к чему были эти слова, а да ! Нестоит кричать о чьем либо проффессионализме или опытности, прежде чем сам не достигнешь хотя бы понимания того какой должен быть дизайн под резиновую верстку! К тому же я несказал что это за гранью фантаски, а лишь намекнул, что это не стоит времени и сил, которые придется потратить! Лучше оставить статику и н усложнять себе жизнь! Или сделать дизайн под резину! Хотя мне вообще параллельно! Ваше время, Ваши нервы, Вам и решать!
-
А как ложкой суп едят?
-
Да вы о чем, ребят!? Этот сайт резиновым сверстать не реально! Если только создавать кучу подложек и прочей ерунды! И написать пару строчек скрипта на джаве! А так как он хочет, не получится он резиновым! Просто патамучто такой дизигн!
-
Вопрос из разряда: А как Золото из свинца получается?!!!! А почитай свитки про джава скрипт повнимательней, Ни один учебник про это написано!