Seva1986
-
Posts
41 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Seva1986
-
Бан на две недели за мат и оскорбление участников форума.
-
А фаербаг слабо открыть? border: 8px solid transparent; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15); да нет неслабо только сначала css выучи а потом говори http://htmlbook.ru/css/box-shadow Я его знаю лучше любого из Вас, покрайней мере многих.... Пример я тебе с ихнего же сайта скопипастил... И что? что по этой ссылке нового? что отличаеться от примера? А где в вопросе было про устаревшие браузеры написанно? Мне просто в голову не могло придти что нужно писать будет чтобы он это с помощью png делал.....
-
да, действительно. Спасибо огромное)) вот тут подробнее про него есть кстати он даже в Dreamweaver CS5 не пашет, а в последней опере - работает получился такой код. правда всё равно далеко не уйдёшь от родителя, но хотя бы подряд не ставить теги))) всем огромное спасибо, жаль что пока в репу не могу поставить... Да, я там на него и наткнулся кстати пока лучший сайт по вёрстке из тех что я видел..
-
А фаербаг слабо открыть? border: 8px solid transparent; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
-
BPanel CMS http://bpanel.net/ Для мощных сайтов http://symphony-cms.com/ Для более простых
-
Спасибо за ответ и помощь но это ведь лишь пример, а на деле требуемые теги вряд ли будут рядом и вот такой код не пройдёт: <body> <a href="" id="a">123</a> <strong>789</strong> <p id="p">456</p> </body> может есть ещё какие-нибудь селекторы или на этом css исчерпывается? Не только... в CSS3 есть такой селектор "~" называеться "ообобщённых родственных элементов" или както так работет в нормальных браузерах.... выберет все элемены имеющие с текущим общего родителя..... Пример div ~ a{ margin:0; }
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>ыыыыыыы</title> <style type="text/css"> html,body,.content,.photo-block{height:100%;} .photo { margin: 0 auto; } .photo-prev { float: left; height: 100%; background: #000; width: 40px; } .photo-next { float: right; height: 100%; background: #000; width: 40px; } </style> </head> <body> <div class="content"> <div class="photo-block"> <div class="photo-prev">«</div> <div class="photo-next">»</div> <div class="photo"><img src="/data/normal/1/9.jpg" /><div class="photo-title">photo 3</div></div> </div> </div> </body> </html>
-
полную разметку выложите... какие теги стоят между body и .content ? Высота в процентах отсчитываеться от высоты родителя если у родителя height не отличная от auto (min-height max-height не в счёт), То height будет равна auto
-
Я же написал выше что нужно добавить...
-
а о чём вы спорите? из ваших постов понять трудно... Всё можно позиционировать, всё можно сделать флоатом, всё может быть в нормальном потоке.... разве что корневой элемент не совсем подчиняется этим правилам....
-
в данных условиях с этой разметкой и css будет следующее : средний блок c float, своим вехним краем прижмётся к нижниму краю поля вышестоящего блока. нижний блок будет лезть вверх до тех пор пока не упрёться во чтото что будет находиться в нормальном потоке тоесть самый первый див, так как они оба в нормальном потоке их поля схлопнутся и примут значение большего тоесть 50px если убрать у нижнего блока margin то растояние между ним и первым блоком будет 30 px, а тескст нижнего блока будет обтекать флоат справа.... не знаю что непонятно в Мейер я это именно из него когдато выучил даже помню там помойму 9 правил поведения флоатов... помойму он всё доступно пишет... правдо уже устарел малость...
-
Они не зависят от текста, они имеют 100% от своего родителя. Чесно не понял что это за мура, но если так сильно нужно то допиши: html,body,.content{ height:100%; }
-
да я сам знаю, что плохо css знаю) Я не про это... Я про то что тесты очень мало что показывают...
-
Как заставить Оперу не бажить бордеры при масшабировании
Seva1986 replied to tok's question in HTML Coding
не уверен, но попробуйте одинаковые единицы измерения поставить.... -
я же написал выше на пару постов ну вот с этого нужно начать http://www.kodges.ru/9941-css-kaskadnye-tablicy-stilejj.-podrobnoe.html А еслиб на 5 то хорошо бы знали? яего даже не смотрел тот тест...
-
ну так надо же объяснять, а то дали общий совет использовать меньше классов. это как, что-то типа БЕМ? Можно пример какой то, ну или в личку ссылку, просто последнее время оч.интересуют подходы к структурированию кода. ну вот на сайт в начале этой темы посмотрел, сразу с самого верха, вот это там вообще не нужно <div id="wrapper"> <div class="polocka"></div> А мини шаблоны ну это более менее независимые куски кода которые можно пихнуть в нужное место на сайте (например новая страница появилась) без особых проблем с минимумом доработки... это придёт именно с опытом причём довольно скоро...
-
Я для себя выбрал семантику, уже привык и даже очень сложные макеты делаю семантично... конечно про 6 и 7 речь не идёт... хорошо ещё то что css3 очень быстро развивается правда тут и с 8 ослом проблемы начинаються... я и не говорил что они есть. я человеку сказал к чему ему нужно стремиться. просто одно дело когда кривизна кода и.т.д. это вынужндинное исключение, другое дело когда это постоянное явление... я про этоговорил! я знаю было и такое, но для этого сейчас верстаю используя что-то типа мини шаблонов (патернов) для разных кусков сайта да тут конечно у каждого из них свои имена классы, множественные классы... но это не лишние классы, лишнее это когда некоторые делают класс red который делает просто красный цвет, или клас overflow который делает просто overflow, или ещё чтото где можно без них обойтись... вот это лишние классы и не правильный стиль!
-
Вот здесь надо быть очень аккуратным. Минимализм не всегда хорош. Иногда пусть уж будет лишний класс, чем селектор, например, по тегу. ну опять же класс работает быстрее, селектор медленнее, да ещё и привязка к тегам потом проблемы может вызвать при установке и ещё хуже при дополнении корректировки... это понятно что нужно аккуратно выбирать что и как делать... но пихать просто так лишние классы это зло я про это писал...
-
Если я вот этот блок размечу как ниже привел, будет ли это говорить о том что я верстала 80 уровня мастерства или хотя бы 60-ого? <p> <img src="" alt="" /> <span>дата статьи</span> <a href="#">ссылка</a> <span>левый верхний угол</span> <span>правый верхний угол</span> <span>левый нижний</span> <span>правый нижний</span> <span>левая тень</span> <span>правая тень</span> </p> Сверстать можно как угодно главное уметь сделать более правильно... но это вообще муть а не вёрстка, разве что речь о поддержке старых ослов, но для них можно в условные коменты оформить лишний код... я бы это как вариант так оформил <p> дата статьи <a href="#">ссылка<img src="" alt="" /></a> </p> хотя там не параграф нужно использовать, и дату в тег <time> засунул бы если бы на html5 писать... я в варкрафт когда то во второй играл поэтому не понял о чём вы, там этого не было, я в игры уже лет 12 не задрачиваюсь... Я не правильно написал что то? почему категорично, я просто за семантику и красоту кода... и повторю так верстать намного сложнее, для начала потом также как и обычно.
-
Про спрайты понятно. Верстка без лишних тегов тоже, хотя тут по ситуации нужно определяться, зацикливаться на этом не стоит, если с лишними обертками получается надежнее то плевать на красоту кода. А с классами не понял чего советуете, экономить на присвоении классов элементам? Еще и на многостраничной верстке спорный мне кажется совет. Или чего другое с классами имелось ввиду? Как понять надёжнее, единственное это возможные проблемы с ослами 6-7, в остальном оно только поначалу очень тяжело, но оптом на автомате получается и времени тратиться не больше чем при обычной вёрстке. Просто уровень знания css разный нужен... например многие используют при сложном графическом оформлении лишние теги обёртки, это не нужно... Это не зацикливание это уровень мастерства...
-
Ну скажу так, для первого сайта (хотя это не первый явно, может первый не из тестовых) сойдёт... есть и намного хуже! Технических приёмов и советов писать не буду, так как это мало что даёт если сам не находишь и не разбираешься... поэтому тут для начала книга эрика меера, потом всякие сборники рецептов, гугл, и естественно спецификация.. А теперь ближе к делу. Просто вёрстка (сделать чтобы было красиво) как правильно гворят некоторые программеры это детский лепет! это тупое и нудное занятие! Как секретутка тексты печатает, так и говно-кодер верстает абы було, не задумываясь о красоте своего кода и разметке... Так вот есть такие понятия как семантическая вёрстка, SEO вёрстка, оптимизированная вёрстка (использзование спрайтов, вёрстка без лишних тегов, классов и т.д.). Эти три понятия во много пересекаються и требуют совершенно другого уровня знания css html. Когда человек может сверстать сложный многостраничный макет да ещё и с соблюдением вышеуказанных требований вот тут уже горе верстальшик начинает превращаться в гуру! Ну вроде наставил! Под словами говно-кодер и горе верстальщик имел ввиду не тебя (так как ты только в начале пути своего развития ), а вот в какую категорию попадёшь ты решать тебе...
-
в эту же тему меня название книги убивает http://www.bhv.ru/books/book.php?id=326 "PHP в Web-дизайне"
-
В конце книги есть примеры кусков фона и как их делать повторяемыми Ну прикольно, и что?
-
Без обид ну зачем тогда вообще вёрсткой заиматься если лень разобраться что такое доктайп и зачем он, если лень разбираться то за аксиому что он нужен и точка.. в нете и так кривых сайтов трилионы Я когда начинал я несколько недель гуглил про доктайпы метатеги пытался понять чем оно всё отличается друг от друга, зачем этот атрибут xmlns="http://www.w3.org/1999/xhtml" нужен... и ещё милионы вопросов... Правда окончательно всё понял только тогда когда xml и xsl изучал... не обижайся просто не сдержался, от фразы зачем доктайп и что он всё портит...
-
Ну так книжка как книжка, для начинающих нормально разные советы, подсказки... я это всё когда то по сайтам изучал лез в код и смотрел.. Я имел ввиду не то что не знаю как тянуть то что нарисовал дизайнер, а то что не всегда дизайн вообще возможно тянуть чтобы он нормально смотрелся и центрироваться из-за кратинок фоновых может не получиться призходиться и в фотожопе допиливать.... и то что они иногода просто рисуют блоки по разному при разном рачтяжении и не учитывают что там может менюшка выпадающяя быть или ещё чтото...... тоесть тут не верстальщиков вина, а дизайнеров....
