Jump to content
  • 0

Три вопроса


ctpz
 Share

Question

Решил сверстать сей макет:

изображение удалено

Возникло несколько вопросов по верстке:

  1. Как сделать, чтобы пункты списка начинались не с точки а с тире (левый сайбар). [РЕШЕНО]
  2. Как сделать тень только с двух сторон (левый сайдбар).
  3. Как правильнее всего будет выполнить заголовок (там куча линий и текст посередине). [РЕШЕНО]

Помогите пожалуйста с этим.

Edited by ctpz
Link to comment
Share on other sites

Recommended Posts

  • 0

1. Такого list-style-type я не знаю, например. Предлагаю воспользоваться мнеммониками.

2. Либо дополнительными блоками, либо при помощи box-shadow;

3. Тупо картинкой одной. А текст наложить сверху.

Link to comment
Share on other sites

  • 0
  On 8/12/2011 at 8:43 AM, psywalker said:

1. Такого list-style-type я не знаю, например. Предлагаю воспользоваться мнемониками.

Такого list-style-type нет, но можно воспользоваться list-style-image

  On 8/12/2011 at 8:43 AM, psywalker said:

2. Либо дополнительными блоками, либо при помощи box-shadow;

Собираюсь делать при помощи box-shadow, но не знаю, как правильно реализовать. На сайте об этом информации мало.

  On 8/12/2011 at 8:43 AM, psywalker said:

3. Тупо картинкой одной. А текст наложить сверху.

Спасибо

Link to comment
Share on other sites

  • 0
  On 8/12/2011 at 8:50 AM, ctpz said:

Собираюсь делать при помощи box-shadow, но не знаю, как правильно реализовать. На сайте об этом информации мало.

box-shadow: 2px 2px 5px #000; 

Сдвинет тень вправо и вниз. Третье значение - это размытие. http://htmlbook.ru/css/box-shadow

Link to comment
Share on other sites

  • 0
  On 8/12/2011 at 8:50 AM, ctpz said:

Собираюсь делать при помощи box-shadow, но не знаю, как правильно реализовать. На сайте об этом информации мало.

Ну, например, так - http://jsfiddle.net/fainz777/8A6P6/1/

Link to comment
Share on other sites

  • 0
  On 8/12/2011 at 8:50 AM, ctpz said:

1. Такого list-style-type я не знаю, например. Предлагаю воспользоваться мнемониками.

Такого list-style-type нет, но можно воспользоваться list-style-image

Нет, лучше используй тогда уж background;

Link to comment
Share on other sites

  • 0
  On 8/12/2011 at 9:05 AM, ctpz said:

Чем они отличаются кроме того, что последний только для css3

Ничем. Сделано для разграничения псевдоклассов и псевдоэлементов.

  On 8/12/2011 at 9:05 AM, ctpz said:

Softlink, а что, :before влияет на кросс

ИЕ7 и ниже его не поддерживают.

Link to comment
Share on other sites

  • 0
  On 8/12/2011 at 9:04 AM, ctpz said:

sigma77, я нашел на сайте информацию о двух тегах

:before и ::before

Чем они отличаются кроме того, что последний только для css3

Тем, что двоеточия разделяют псевдоклассы и псевдоэлементы. ::before состоит из двойных двоеточий, а значит относиться к псевдоэлемнту. Двойные двоеточия появились в CSS3, именно для чёткого разделение одних от других. Советую использовать именно :before, так как в противном случае ты выкидываешь за борт ИЕ8, который не понимает ::before

Link to comment
Share on other sites

  • 0
  On 8/12/2011 at 9:05 AM, ctpz said:

sigma77, я нашел на сайте информацию о двух тегах

:before и ::before

Чем они отличаются кроме того, что последний только для css3

Softlink, а что, :before влияет на кросс

1) я так и не понял, зачем добавили в CSS3 еще одно двоеточие Все, понял.

2) ну 6-7 не поддерживаются псевдоэлементы

Edited by Softlink
Link to comment
Share on other sites

  • 0
  On 8/12/2011 at 9:10 AM, Softlink said:
  On 8/12/2011 at 9:05 AM, ctpz said:

sigma77, я нашел на сайте информацию о двух тегах

:before и ::before

Чем они отличаются кроме того, что последний только для css3

Softlink, а что, :before влияет на кросс

2) ну 6-7 не поддерживаются псевдоэлементы

Можно заюзать экспрешаны, но это зло и на крайний случай.

  On 8/12/2011 at 9:14 AM, ctpz said:

sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги.

:)

Удачи заказчикам передай тогда)))

Link to comment
Share on other sites

  • 0
  On 8/12/2011 at 9:20 AM, Softlink said:
  On 8/12/2011 at 9:14 AM, ctpz said:

sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги.

:)

Клевая позиция, я тоже не люблю ИЕ :D

Если ты делаешь сайты не для себя, и при этом ещё за это и деньги получаешь, то о своих предпочтениях как-то сразу забываешь.

Link to comment
Share on other sites

  • 0
  On 8/12/2011 at 9:28 AM, psywalker said:
  On 8/12/2011 at 9:20 AM, Softlink said:
  On 8/12/2011 at 9:14 AM, ctpz said:

sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги.

:)

Клевая позиция, я тоже не люблю ИЕ :D

Если ты делаешь сайты не для себя, и при этом ещё за это и деньги получаешь, то о своих предпочтениях как-то сразу забываешь.

Да, все правильно. Но ИЕ(особенно старые) все равно какашка :D

Link to comment
Share on other sites

  • 0
  On 8/12/2011 at 9:30 AM, Softlink said:
  On 8/12/2011 at 9:28 AM, psywalker said:
  On 8/12/2011 at 9:20 AM, Softlink said:
  On 8/12/2011 at 9:14 AM, ctpz said:

sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги.

:)

Клевая позиция, я тоже не люблю ИЕ :D

Если ты делаешь сайты не для себя, и при этом ещё за это и деньги получаешь, то о своих предпочтениях как-то сразу забываешь.

Да, все правильно. Но ИЕ(особенно старые) все равно какашка :D

Ну по факту, да)) А вообще ИЕ10 обещает быть мощным и крутым)

Link to comment
Share on other sites

  • 0
  On 8/12/2011 at 9:32 AM, psywalker said:

Ну по факту, да)) А вообще ИЕ10 обещает быть мощным и крутым)

В мире должна быть гармония)) Какой браузер станет нехорошим? Больше шансов у Оперы?

Link to comment
Share on other sites

  • 0
  On 8/12/2011 at 9:30 AM, Softlink said:

Да, все правильно. Но ИЕ(особенно старые) все равно какашка :D

Поддерживаю :devil:

  On 8/12/2011 at 9:32 AM, psywalker said:

Ну по факту, да)) А вообще ИЕ10 обещает быть мощным и крутым)

Я видел этот ие10. Работает только на висте (:dash:) или семерке (:yahoo:). Вполне адекватный браузер. По восприимчивости напоманиет фф4.

Edited by ctpz
Link to comment
Share on other sites

  • 0
  On 8/12/2011 at 9:37 AM, Softlink said:
  On 8/12/2011 at 9:32 AM, psywalker said:

Ну по факту, да)) А вообще ИЕ10 обещает быть мощным и крутым)

В мире должна быть гармония)) Какой браузер станет нехорошим? Больше шансов у Оперы?

Нехорошим станет именно Опера, потому что на данный момент у неё больше всех багов, косяков и т.д. (я не буру в расчёт ИЕ6-8)

Link to comment
Share on other sites

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.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy