tom6710
-
Posts
8 -
Joined
-
Last visited
tom6710's Achievements
Explorer (1/14)
0
Reputation
-
https://1a35b409daf99140323e4ed975dc9eb4a3f340c5.googledrive.com/host/0B1zIB1VQMrphSDJxYXJ4dFhPRVE/ сделал так сейчас вроде работает /* COLUMN SETUP */.col, .fix { display: block; float:left; margin: .35% 0 .4% 1%;}.col:first-child { margin-left: 0; }.fix { padding-bottom: 2em;}.fix:first-child { margin-left: 0; }
-
Сделал вместо 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">