Мои вопросы

[extrabass4]

Всем привет.Так как являюсь начинающим ,поэтому решил не заводить каждый раз новую тему в случае вопроса , а сделать всё в одной.Заранее спасибо всем кто будет принимать участие.

http://cssdeck.com/labs/sqnc9dd9

Вот и первые вопросы:

*Как можно было ещё перенести слова в столбик ? я это сделал при помощи <br> а возможно ли это сделать через стили? (по идее думал что можно сделать через disply : block; но почему то не получилось- юзаю мозилу

*Можно ли как то установить блок main по центру вертикально автоматически или же нужно в ручную подгоняя пиксели через топ ?

* да и В общем ,как вам эта вёрстка в целом ?

[Aleksandr.L]

*Как можно было ещё перенести слова в столбик ? я это сделал при помощи
а возможно ли это сделать через стили? (по идее думал что можно сделать через disply : block; но почему то не получилось- юзаю мозилу

 

display: block — работает

 

Можно списком еще.

 

Второй вопрос не совсем понял. Нужно сделать, чтобы main был всегда по центру по вертикали, даже при скролле?

[Светлана Г.]

Нужно писать c кавычками <div class=cipka>:

<div class="cipka">

[extrabass4]

 

*Как можно было ещё перенести слова в столбик ? я это сделал при помощи

а возможно ли это сделать через стили? (по идее думал что можно сделать через disply : block; но почему то не получилось- юзаю мозилу

 

display: block — работает

 

Можно списком еще.

 

Второй вопрос не совсем понял. Нужно сделать, чтобы main был всегда по центру по вертикали, даже при скролле?

 

Вопрос в том , единственный способ установить блок по вертикали подгоняя пиксели в ручную или  же есть свойтсво которое это задаёт автоматом к примеру ,как text-align: center;

Спасибо за дисплей ,я его вписывал  в main - вот в чём ошибка была

Edited January 12, 2014 by extrabass4

[klierik]

Свойство которое позволяет расположить блок по центру области можно будет использовать в полной мере через 1-2 года

Пока что пиходится делать извращения.

Класический способ это поместить блок в ячейку таблицы (или эмулировать таблицу через стили) и ей задать выравнивание.

Еще можно поигратся вложеностью дивов и абсолютом.

Так как не очевидно что за проблема у тебя, то сказать сложно.

Почитай у меня в подписи как правильно задавать вопросы

[extrabass4]

Свойство которое позволяет расположить блок по центру области можно будет использовать в полной мере через 1-2 года

Пока что пиходится делать извращения.

Класический способ это поместить блок в ячейку таблицы (или эмулировать таблицу через стили) и ей задать выравнивание.

Еще можно поигратся вложеностью дивов и абсолютом.

Так как не очевидно что за проблема у тебя, то сказать сложно.

Почитай у меня в подписи как правильно задавать вопросы

Спасибо , то есть  буду извращаться дальше ) даже нет смысла спрашивать ,как называется это свойство на данном этапе...

[klierik]

От чего же, это flex-box.

Сейчас его можно попробовать использовать в мобильной верстке. Там свои ньюансы, но имеет смысл ознакомится с видео от Вадиа Макеева на даную тему. Там около получаса всего. Очень вкусно выглядит

[extrabass4]

От чего же, это flex-box.

Сейчас его можно попробовать использовать в мобильной верстке. Там свои ньюансы, но имеет смысл ознакомится с видео от Вадиа Макеева на даную тему. Там около получаса всего. Очень вкусно выглядит

От того ,что пока в начале обучения думаю не стоит учить, то что будет актуально через 2 года , но вы мне не оставили выбора указав на видео-придётся смотреть ))))

[extrabass4]

http://htmlbook.ru/practical/znachki-dlya-listaniya-fotografii

вот задание ( прошу во внимания не брать совместимость с браузерами- попросту не делал его ) вот моё решение

http://cssdeck.com/labs/wqmowiv5

и вопросы :

1.Для того чтобы разместить кнопки по центру  горизонтали и 16пикселей с низу по вертикали , пришлось всё делать в ручную .Пример :вертикаль=380-(15+16) = 349  и похожим образом через padding-left: горизонталь.Только не понимаю почему ,если задать в ul { margin:0 auto;} список не встанет по центру родительского элемента по горизонтали ?

2.Это норма как я сделал это в ручную ? Да и вообще задание в целом ?

[Aleksandr.L]

Поправил немного: http://jsfiddle.net/psyk7/. ИМХО так проще.

[extrabass4]

Поправил немного: http://jsfiddle.net/psyk7/. ИМХО так проще.

О спасибо  -вот это меня и интересовало text-align:center !

А вот по идее же ,если делать профессионально вёрстку (за деньги) то нужно ведь делать кнопки так : <li> <a href= ""></a></>  я правильно всё понимаю ?

[Aleksandr.L]

 

Поправил немного: http://jsfiddle.net/psyk7/. ИМХО так проще.

О спасибо  -вот это меня и интересовало text-align:center !

А вот по идее же ,если делать профессионально вёрстку (за деньги) то нужно ведь делать кнопки так : <li> <a href= ""></a></>  я правильно всё понимаю ?

 

 

Ну это зависит от ситуации. В данном случае да, ссылки надо делать.

[extrabass4]

а какая ситуация может быть когда заказчик не потребует ссылок ? если их не делать , то это просто фото с круглешками ))))

[extrabass4]

htthttp://cssdeck.com/labs/h2wuswjb

 

Корректно ли я справился с заданием  ? или же к примеру расположение картинки по центру <p>  можно задать автоматически ?

Edited January 18, 2014 by extrabass4

[Catherine]

потому что height:150px http://cssdeck.com/labs/xixhen33

 

UPD: Это был ответ на вопрос "Почему тень выше, чем надо http://cssdeck.com/labs/hwrz3khj". Автор, не удаляйте вопросы, чтобы не возникало путаницы.

[extrabass4]

потому что height:150px http://cssdeck.com/labs/xixhen33

 

UPD: Это был ответ на вопрос "Почему тень выше, чем надо http://cssdeck.com/labs/hwrz3khj". Автор, не удаляйте вопросы, чтобы не возникало путаницы.

Спасибо большое и извиняюсь ,что отредактировал смс ,где был вопрос.  А вообще нужно было задать B p{margin:0;}  и слегка высотуподкорректировать.

Edited January 18, 2014 by extrabass4

[extrabass4]

http://cssdeck.com/labs/xkp2ecjb Почему отступ(paddding:10px) справа не срабатывает ?

[Aleksandr.L]

http://cssdeck.com/labs/xkp2ecjb Почему отступ(paddding:10px) справа не срабатывает ?

 

Срабатывает, текста добавь и увидишь.

[extrabass4]

 

http://cssdeck.com/labs/xkp2ecjb Почему отступ(paddding:10px) справа не срабатывает ?

 

Срабатывает, текста добавь и увидишь.

 

если текст добавляю , то он выходит за пределы границ - а так решениe задать div'у display:inline-block;

[extrabass4]

http://pixlr.com/editor/

Достаточно ли будет этого сервиса для работы с psd  файлами для вёрстки или же лучше сразу установить  фотошоп ?

[Aleksandr.L]

Photoshop установи.

[Catherine]

http://pixlr.com/editor/

Достаточно ли будет этого сервиса для работы с psd  файлами для вёрстки или же лучше сразу установить  фотошоп ?

Очень неудобный и ограниченный сервис. Возможно, для мелких и нечастых правок и пойдет, но для полноценной, удобной и более быстрой работы с макетами лучше сразу установить фотошоп.

[extrabass4]

Спасибо за ответы , а может есть какое хорошое видео о том , как при вёрстке применяется фотошоп ?

[Aleksandr.L]

Спасибо за ответы , а может есть какое хорошое видео о том , как при вёрстке применяется фотошоп ?

 

В смысле? Как нарезать изображения чтоли?

[extrabass4]

Ну я не разу  не делал вёрстку по макету ПСД -может есть какие-либо нюансы, которые стоит знать....

[Aleksandr.L]

Ну я не разу  не делал вёрстку по макету ПСД -может есть какие-либо нюансы, которые стоит знать....

 

http://psd2cms.ru/ — посмотри.