ctpz Posted August 12, 2011 Report Share Posted August 12, 2011 (edited) Решил сверстать сей макет: изображение удаленоВозникло несколько вопросов по верстке:Как сделать, чтобы пункты списка начинались не с точки а с тире (левый сайбар). [РЕШЕНО]Как сделать тень только с двух сторон (левый сайдбар).Как правильнее всего будет выполнить заголовок (там куча линий и текст посередине). [РЕШЕНО]Помогите пожалуйста с этим. Edited August 12, 2011 by ctpz Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted August 12, 2011 Report Share Posted August 12, 2011 1. Такого list-style-type я не знаю, например. Предлагаю воспользоваться мнеммониками.2. Либо дополнительными блоками, либо при помощи box-shadow;3. Тупо картинкой одной. А текст наложить сверху. Quote Link to comment Share on other sites More sharing options...
0 ctpz Posted August 12, 2011 Author Report Share Posted August 12, 2011 1. Такого list-style-type я не знаю, например. Предлагаю воспользоваться мнемониками.Такого list-style-type нет, но можно воспользоваться list-style-image2. Либо дополнительными блоками, либо при помощи box-shadow;Собираюсь делать при помощи box-shadow, но не знаю, как правильно реализовать. На сайте об этом информации мало.3. Тупо картинкой одной. А текст наложить сверху.Спасибо Quote Link to comment Share on other sites More sharing options...
0 Softlink Posted August 12, 2011 Report Share Posted August 12, 2011 Собираюсь делать при помощи box-shadow, но не знаю, как правильно реализовать. На сайте об этом информации мало.box-shadow: 2px 2px 5px #000; Сдвинет тень вправо и вниз. Третье значение - это размытие. http://htmlbook.ru/css/box-shadow Quote Link to comment Share on other sites More sharing options...
0 sigma77 Posted August 12, 2011 Report Share Posted August 12, 2011 Собираюсь делать при помощи box-shadow, но не знаю, как правильно реализовать. На сайте об этом информации мало.Ну, например, так - http://jsfiddle.net/fainz777/8A6P6/1/ Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted August 12, 2011 Report Share Posted August 12, 2011 1. Такого list-style-type я не знаю, например. Предлагаю воспользоваться мнемониками.Такого list-style-type нет, но можно воспользоваться list-style-imageНет, лучше используй тогда уж background; Quote Link to comment Share on other sites More sharing options...
0 ctpz Posted August 12, 2011 Author Report Share Posted August 12, 2011 Softlink, sigma77, спасибоpsywalker, почему Quote Link to comment Share on other sites More sharing options...
0 sigma77 Posted August 12, 2011 Report Share Posted August 12, 2011 Нет, лучше используй тогда уж background;Или так - http://jsfiddle.net/fainz777/6QC2b/ Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted August 12, 2011 Report Share Posted August 12, 2011 psywalker, почемуПотому что list-style-image кривой, плохоуправляемый и бедный по сравнению с background Quote Link to comment Share on other sites More sharing options...
0 Softlink Posted August 12, 2011 Report Share Posted August 12, 2011 Нет, лучше используй тогда уж background;Или так - http://jsfiddle.net/fainz777/6QC2b/ Точно Все равно же делаешь не кросс. Quote Link to comment Share on other sites More sharing options...
0 ctpz Posted August 12, 2011 Author Report Share Posted August 12, 2011 sigma77, я нашел на сайте информацию о двух тегах :before и ::beforeЧем они отличаются кроме того, что последний только для css3Softlink, а что, :before влияет на кросс Quote Link to comment Share on other sites More sharing options...
0 sigma77 Posted August 12, 2011 Report Share Posted August 12, 2011 Чем они отличаются кроме того, что последний только для css3Ничем. Сделано для разграничения псевдоклассов и псевдоэлементов.Softlink, а что, :before влияет на кроссИЕ7 и ниже его не поддерживают. Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted August 12, 2011 Report Share Posted August 12, 2011 sigma77, я нашел на сайте информацию о двух тегах :before и ::beforeЧем они отличаются кроме того, что последний только для css3Тем, что двоеточия разделяют псевдоклассы и псевдоэлементы. ::before состоит из двойных двоеточий, а значит относиться к псевдоэлемнту. Двойные двоеточия появились в CSS3, именно для чёткого разделение одних от других. Советую использовать именно :before, так как в противном случае ты выкидываешь за борт ИЕ8, который не понимает ::before Quote Link to comment Share on other sites More sharing options...
0 Softlink Posted August 12, 2011 Report Share Posted August 12, 2011 (edited) sigma77, я нашел на сайте информацию о двух тегах :before и ::beforeЧем они отличаются кроме того, что последний только для css3Softlink, а что, :before влияет на кросс1) я так и не понял, зачем добавили в CSS3 еще одно двоеточие Все, понял.2) ну 6-7 не поддерживаются псевдоэлементы Edited August 12, 2011 by Softlink Quote Link to comment Share on other sites More sharing options...
0 ctpz Posted August 12, 2011 Author Report Share Posted August 12, 2011 sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги. Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted August 12, 2011 Report Share Posted August 12, 2011 sigma77, я нашел на сайте информацию о двух тегах :before и ::beforeЧем они отличаются кроме того, что последний только для css3Softlink, а что, :before влияет на кросс2) ну 6-7 не поддерживаются псевдоэлементыМожно заюзать экспрешаны, но это зло и на крайний случай.sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги.Удачи заказчикам передай тогда))) Quote Link to comment Share on other sites More sharing options...
0 ctpz Posted August 12, 2011 Author Report Share Posted August 12, 2011 psywalker, обязательно передам Quote Link to comment Share on other sites More sharing options...
0 Softlink Posted August 12, 2011 Report Share Posted August 12, 2011 sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги.Клевая позиция, я тоже не люблю ИЕ Quote Link to comment Share on other sites More sharing options...
0 ctpz Posted August 12, 2011 Author Report Share Posted August 12, 2011 Ура-а-а!!! Еще один единомышленник. Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted August 12, 2011 Report Share Posted August 12, 2011 sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги.Клевая позиция, я тоже не люблю ИЕ Если ты делаешь сайты не для себя, и при этом ещё за это и деньги получаешь, то о своих предпочтениях как-то сразу забываешь. Quote Link to comment Share on other sites More sharing options...
0 Softlink Posted August 12, 2011 Report Share Posted August 12, 2011 sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги.Клевая позиция, я тоже не люблю ИЕ Если ты делаешь сайты не для себя, и при этом ещё за это и деньги получаешь, то о своих предпочтениях как-то сразу забываешь.Да, все правильно. Но ИЕ(особенно старые) все равно какашка Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted August 12, 2011 Report Share Posted August 12, 2011 sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги.Клевая позиция, я тоже не люблю ИЕ Если ты делаешь сайты не для себя, и при этом ещё за это и деньги получаешь, то о своих предпочтениях как-то сразу забываешь.Да, все правильно. Но ИЕ(особенно старые) все равно какашка Ну по факту, да)) А вообще ИЕ10 обещает быть мощным и крутым) Quote Link to comment Share on other sites More sharing options...
0 Softlink Posted August 12, 2011 Report Share Posted August 12, 2011 Ну по факту, да)) А вообще ИЕ10 обещает быть мощным и крутым)В мире должна быть гармония)) Какой браузер станет нехорошим? Больше шансов у Оперы? Quote Link to comment Share on other sites More sharing options...
0 ctpz Posted August 12, 2011 Author Report Share Posted August 12, 2011 (edited) Да, все правильно. Но ИЕ(особенно старые) все равно какашка Поддерживаю Ну по факту, да)) А вообще ИЕ10 обещает быть мощным и крутым)Я видел этот ие10. Работает только на висте () или семерке (). Вполне адекватный браузер. По восприимчивости напоманиет фф4. Edited August 12, 2011 by ctpz Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted August 12, 2011 Report Share Posted August 12, 2011 Ну по факту, да)) А вообще ИЕ10 обещает быть мощным и крутым)В мире должна быть гармония)) Какой браузер станет нехорошим? Больше шансов у Оперы?Нехорошим станет именно Опера, потому что на данный момент у неё больше всех багов, косяков и т.д. (я не буру в расчёт ИЕ6-8) Quote Link to comment Share on other sites More sharing options...
0 ctpz Posted August 12, 2011 Author Report Share Posted August 12, 2011 (edited) Возник еще один вопрос: как правильно написать Company Nameтак:<h1>Company</h1><h2>Name</h2>или как-то по-другому Edited August 12, 2011 by ctpz Quote Link to comment Share on other sites More sharing options...
Question
ctpz
Решил сверстать сей макет:
изображение удалено
Возникло несколько вопросов по верстке:
Помогите пожалуйста с этим.
Edited by ctpzLink to comment
Share on other sites
36 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.