tom6710
-
Posts
8 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by tom6710
-
-
Сделал вместо
h1, #menu, address {position: fixed;}
header {position fixed;}
и добавил section паддинг топ 2em теперь при уменьшенном окне все так как хотел но сейчас почему-то оно стало выглядеть вот так
съезжает в лево
если оставлять
h1, #menu, address {position: fixed;}
и добавить паддинг топ то вообще ничего не меняется -
применил position fixed к элементам внутри колонок header
h1, #menu, address { position: fixed;}
но вот что получилось https://googledrive.com/host/0B1zIB1VQMrphdm5QREd4dVBsUlU
почему элементы накладываются друг на друга при уменьшении окна?
-
прочитал, поправил
http://deviceponsive.com/?url=https%3A%2F%2Fgoogledrive.com%2Fhost%2F0B1zIB1VQMrphdm5QREd4dVBsUlU#
спс
еще пару вопросов)
1. возможно вы знаете как можно при нынешней структуре сделать меню таким образом как здесь : http://www.saywhat-studio.com (при прокрутке оно остается приклеенным к верхней части окна)
2. почему в футере ul с линками на соцсети (id="social") находится не на одном уровне с языковым и копиратовым параграфами а на пару пикселей ниже в то время как в хедере на одном?
-
а почему не смотря на то что
/* GO FULL WIDTH AT LESS THAN 720 PIXELS */@media only screen and (max-width: 720px) { .col { margin: 1% 0 1% 0%; }}@media only screen and (max-width: 720px) { .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 100%; } .span_1_of_3 { width: 100%; }}
на телефоне у которого разрешение 480 на 800 сайт отображается 3 колонки?
-
точно) теперь все понятно я смотрел на на секшн а нужны было колонки)
-
спасибо за ответ
с margin вроде понятно
но тогда возникает вопрос
в css для section group написанно что margin равен нулю тогда откуда берется это расстояние между рядами? по логике его тогда вообще не должно быть
/* SECTIONS */.section { clear: both; padding: 0; margin: 0;}/* COLUMN SETUP */.col { display: block; float:left; margin: 1% 0 1% 1.6%;}.col:first-child { margin-left: 0; }/* GROUPING */.group:before,.group:after { content:""; display:table;}.group:after { clear:both;}.group { zoom:1; /* For IE 6/7 */}/* GRID OF THREE */.span_3_of_3 { width: 100%;}.span_2_of_3 { width: 66.1%;}.span_1_of_3 { width: 32.2%;}
-
всем привет
я дизайнер и решил сделать себе портфолио в нем очень простая структура - всего несколько страниц (пока что готова только главная)
изучаю html и css всего пару дней поэтому решил обратиться к более опытным верстальщикам с просьбой посмотреть код - есть ли там какие-либо ошибки
https://0135e49cf5d5fc9fbe158f420c6188a79ef0ab74.googledrive.com/host/0B1zIB1VQMrphdm5QREd4dVBsUlU
код для сетки взял с http://www.responsivegridsystem.com
и вопрос как сделать чтобы отступы между блоками по горизонтали были равны отступам по вертикали? (сейчас отступы по горизонтали 1.6% от ширины)
еще не понимаю в чем следующие ошибки :
- Line 36, Column 14: Stray end tag adress.
</adress>
- Line 37, Column 10: End tag div seen, but there were open elements.
</div>
- Line 33, Column 55: Unclosed element address.
<address title="contact info">
- Line 36, Column 14: Stray end tag adress.
вопрос по верстке адаптивного портфолио
in Discussion of works
Posted
https://1a35b409daf99140323e4ed975dc9eb4a3f340c5.googledrive.com/host/0B1zIB1VQMrphSDJxYXJ4dFhPRVE/
сделал так сейчас вроде работает