Jump to content

Ota

Newbie
  • Posts

    9
  • Joined

  • Last visited

Ota's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Правильно ли я понимаю, что оба слайдера сделаны с использованием javascript и только методами css их не реализовать?
  2. Спасибо большое за ваш коментарий. Полностью согласен со всеми пунктами, кроме второго. По моему это дело вкуса. В яндексе например сделано так как вы говорите, а в гугл нет. Спасибо за подсказки и советы. Хотел бы уточнить для себя несколько моментов: 1. Хочу понять почему лучше указывать размер в CSS? Просто я еще многого не знаю и поставил ширину и высоту на все картинки в самих тегах, поскольку в книге, которую я прочитал по html и css говорилось, что надо делать именно так, поскольку браузеры быстрее отрисовывают. 2. Да, знаю, что можно сделать так как вы говорите. Просто в макете все эти границы чуть чуть различались между собой. Я не знал как это реализовать с помощью CSS. Поэтому хотел спросить: в реальной жизни заказчики просят, чтобы все было идеально как на макете или же можно делать с помощью CSS, без картинки, но чуть-чуть с отличием от макета? 3. Из за незнания как делать градиент. Да я нашел в интернете, что можно сделать градиент с помощью CSS. Но как я не пытался я не мог повторить как это сделано в макете. Поэтому и сделал картинками. Как делать градиент, который в точности как в макете? Может есть какие-то инструменты? Или подбирается на глаз? Почитал про clearfix. Понял, что я сделал самым старым дедовским методом, который не является лучшим. Теперь буду использовать clearfix. Спасибо за наводку!
  3. Всем доброго дня, Хочу представить на ваш строгий суд свой первый сверстанный макет. Хотелось бы получить от вас критику и советы, что можно улучшить. Взял макет из представленных здесь на форуме. Макет изначально фикс, но я решил усложнить себе задачу и сделать его резиновым. Левая колонка фиксирована, а центральная и правая растягиваются. Высота колонок одинаковая вне зависимости от контента внутри. Проверил в Хроме, ФФ и Опере. Когда начал проверять в ИЭ, все развалилось. Потратил целый день на гугл и узнал про хаки и всякое такое. В результате в ИЭ 9+ отображается нормально, только при больших разрешениях получается слишком большой отступ от правой колонки. Как это исправить так и не разобрался. В остальных браузерах такого нет. Проверил код на валидность. В HTML ошибки только в форме поиска, потому что я поставил пустые значения в action, а также я поставил тег <H1> на первую статью (в макете у нее заголовок больше чем у всех остальных статей). CSS изначально был валидным, но после хаков, есть 4 ошибки. Ну и собственно ссылка: http://1001.su/sample1/index.html Критика приветствуется. Также приветствуются дельные советы, поскольку я очень хочу расти в этом направлении. Заранее всем спасибо!
  4. Супер! Теперь все встало на свои места. Спасибо!
  5. Получается, что если я маргин не указываю, то див центральной колонки будет начинаться под левой колонкой. Если я правильно понял, это потому что левая колонка имеет float: left и соответственно вырвана из потока. Но тогда, если центральная колонка начинается под левой, то почему текст в центральной виден нормально, даже если нет маргин?
  6. Друзья, всем добрый день! Я полный новичок. Взял первый для себя макет и решил реализовать резиновую верстку. 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% всего экрана. Помогите пожалуйста понять, какая там логика?
×
×
  • 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