Jump to content

DmitryG

Newbie
  • Posts

    5
  • Joined

Information

  • Sex
    не скажу

DmitryG's Achievements

Explorer

Explorer (1/14)

  • Week One Done Rare
  • One Month Later Rare
  • One Year In Rare

Recent Badges

0

Reputation

  1. Подскажите, пожалуйста. Есть следующий простенький код: <div class="wrapper"> <div class="InnerWrapper"> Blablabla </div> </div> И цсс к нему: .wrapper { height:100px; width:100%; background: #eee; } .InnerWrapper { margin:0 auto; height:100px; width:400px; background:#3D6AA2; } При этом, все работает как нужно, див с blablabla центрируется. Но мне нужно сделать так, чтобы при фиксированной ширине внутреннего дива, слева от него был такой же цвет. Думаю, не очень понятно написал, но другими словами мне нужно чтобы бэкграунд с внутреннего дива шел от начала страницы, но контент его центрировался посредине страницы. Для наглядности приложу скриншот в спойлере. Я пробовал делать бекграунд картинкой и ковыряться с background-position, но на разных размерах мониторов не всегда все хорошо. Код можно модифицировать как угодно, включая js. Спасибо.
  2. Дак дело в том, что у меня тоже все ок, если я делаю в отдельном файле. Просто я уже даже не знаю на что думать, и почему это не работает.
  3. Простенький код: <span> <label for="cmp_sort">Sort by</label> <select id="cmp_sort"> <option value="original" selected="selected">original</option> <option value="name">name</option> </select> </span> Во всех браузерах, включая IE7-8 работает корректно(при загрузке страницы в select появляется "original"), в ие9 при загрузке страницы - в select показывается пустая строка(если на нее нажать, там и появляются "original"/"selected"). Пробовал засунуть $("#cmp_sort").val("name"); При загрузке выполняется, но значение в select все равно не устанавливается. Хотя если выполнить эту же функцию в консоли - все работает. Как побороть?
  4. Начал недавно осваивать верстку, столкнулся со следующей проблемой. Есть следующий код: <div id="wrap"> <div id="f"> Один</div> <div id="s"> Два </div> <div id="t"> Три </div> </div> И Css к нему: #f { background-color: red; float:left; width:30%; } #s { background-color:yellow; float:left; width:30%; } #t { background-color: green; } #wrap:hover { background-color: teal; } Нужно чтобы при наведении на любой из дивов #f #s #t все три дива меняли бэкграунд на teal. Вышенаписанный код не работает. Как сделать? jquery и javascript использовать нельзя. Спасибо/
×
×
  • 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