Ota
-
Posts
9 -
Joined
-
Last visited
Ota's Achievements
Explorer (1/14)
0
Reputation
-
Правильно ли я понимаю, что оба слайдера сделаны с использованием javascript и только методами css их не реализовать?
-
Спасибо за разъяснения
-
Спасибо большое за ваш коментарий. Полностью согласен со всеми пунктами, кроме второго. По моему это дело вкуса. В яндексе например сделано так как вы говорите, а в гугл нет. Спасибо за подсказки и советы. Хотел бы уточнить для себя несколько моментов: 1. Хочу понять почему лучше указывать размер в CSS? Просто я еще многого не знаю и поставил ширину и высоту на все картинки в самих тегах, поскольку в книге, которую я прочитал по html и css говорилось, что надо делать именно так, поскольку браузеры быстрее отрисовывают. 2. Да, знаю, что можно сделать так как вы говорите. Просто в макете все эти границы чуть чуть различались между собой. Я не знал как это реализовать с помощью CSS. Поэтому хотел спросить: в реальной жизни заказчики просят, чтобы все было идеально как на макете или же можно делать с помощью CSS, без картинки, но чуть-чуть с отличием от макета? 3. Из за незнания как делать градиент. Да я нашел в интернете, что можно сделать градиент с помощью CSS. Но как я не пытался я не мог повторить как это сделано в макете. Поэтому и сделал картинками. Как делать градиент, который в точности как в макете? Может есть какие-то инструменты? Или подбирается на глаз? Почитал про clearfix. Понял, что я сделал самым старым дедовским методом, который не является лучшим. Теперь буду использовать clearfix. Спасибо за наводку!
-
Всем доброго дня, Хочу представить на ваш строгий суд свой первый сверстанный макет. Хотелось бы получить от вас критику и советы, что можно улучшить. Взял макет из представленных здесь на форуме. Макет изначально фикс, но я решил усложнить себе задачу и сделать его резиновым. Левая колонка фиксирована, а центральная и правая растягиваются. Высота колонок одинаковая вне зависимости от контента внутри. Проверил в Хроме, ФФ и Опере. Когда начал проверять в ИЭ, все развалилось. Потратил целый день на гугл и узнал про хаки и всякое такое. В результате в ИЭ 9+ отображается нормально, только при больших разрешениях получается слишком большой отступ от правой колонки. Как это исправить так и не разобрался. В остальных браузерах такого нет. Проверил код на валидность. В HTML ошибки только в форме поиска, потому что я поставил пустые значения в action, а также я поставил тег <H1> на первую статью (в макете у нее заголовок больше чем у всех остальных статей). CSS изначально был валидным, но после хаков, есть 4 ошибки. Ну и собственно ссылка: http://1001.su/sample1/index.html Критика приветствуется. Также приветствуются дельные советы, поскольку я очень хочу расти в этом направлении. Заранее всем спасибо!
-
Супер! Теперь все встало на свои места. Спасибо!
-
Получается, что если я маргин не указываю, то див центральной колонки будет начинаться под левой колонкой. Если я правильно понял, это потому что левая колонка имеет float: left и соответственно вырвана из потока. Но тогда, если центральная колонка начинается под левой, то почему текст в центральной виден нормально, даже если нет маргин?
-
Друзья, всем добрый день! Я полный новичок. Взял первый для себя макет и решил реализовать резиновую верстку. 3 колонки: левая фиксированная (width: 300px), центральная и правая резиновая. При этом центральная и правая делит пространство оставшееся от левой колонки между собой в отношении 70% (центр) на 30% (правый). Вчера бился полдня, облазил весь гугл, нашел несколько решений, но они у меня почему-то не работали. Сегодня с утра потыкал самостоятельно и получилось реализовать. Вот код html: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="wrapper"> <div class="left-sidebar"> Left sidebar </div> <div class="inside-wrapper"> <div class="main"> Central column </div> <div class="right-sidebar"> Right sidebar </div> </div> </div> </body></html> а это css: .wrapper { width: 100%; height: 500px;}.left-sidebar { width: 300px; height: 500px; background-color: red; float:left;}.inside-wrapper { margin-left: 300px;}.main { width: 70%; height: 500px; background-color: green; float: left;}.right-sidebar { width: 30%; height: 500px; background-color: yellow; float: right;}Собственно мне хотелось бы разобраться, почему в inside-wrapper нужен margin-left шириною в фиксированную колонку? Разве не должен inside wrapper так и так обтекать левую колонку справа и занимать все оставшееся место, а внутренние дивы делить в соотношении 70 на 30 это пространство. Но если убрать margin-left, то центральная колонка внутри inside wrapper занимает 70% от всего экрана, и сталкивает правую колонку вниз. А правая колонка тоже занимает 30% всего экрана. Помогите пожалуйста понять, какая там логика?
