tini.kRyptoNite

Мне только для изображений. Горький опыт у меня с этим ниво слайдером Он когда изображения пытается сделать нужного размера то изображения получаются качества...

Всем доброго времени суток. Посоветуйте пожалуйста какой-нибудь удобный слайдер контента на jquery который можно легко кастомизировать и настраивать по своим нуждам.

спасибо

http://jsfiddle.net/fainz777/LbmJs/1/

Так?

Именно. Спасибо большое. Только не пойму как это работает...

Есть такая шапка http://jsfiddle.net/LbmJs/.

Требования:

1. При разрешение монитора от 1024 чтобы небыло горизонтальной полосы прокрутки
   
2. Прри ширине монитора меньше чем ширина шапки чтобы обрезалась с обеих сторон пропорционально, а не как в моём решение только справа.
   

Подскажите пожалуйста можно ли с помощью CSS кроссбраузерно решить данную проблему?

Хотел бы узнать от опытных верстальщиков, используете ли вы Slice tool при нарезке макета? С этим инструментом не сильно знаком по этому вручную работаю, даже не понимаю как можно с помощью данного инструмента нормально макет нарезать.

хорошо. спасибо.

заключите Without post class в тег другого типа, например span.

прошу прощения, сам немного ошибся в объяснение. first-child выбирает любой первый дочерний элемент, каким тегом он не был бы. а first-of-type выбирает первый дочерний нужного типа, так как .post это div то он применяется к элементу первому элементу div, если у него есть класс post, замените пустой div без класса span'ом и будет то что надо

А по другому никак?

есть псевдокласс first-child и first-of-type , в вашем коде подсвечивается первый дочерний элемент #content если он с классом .post, псевдокласс first-child указывает стиль первому дочернему элементу, будь то div будь то p и т.д. добавление этого псевдокласса какому то классу значит что этот стиль будет применяться первомук дочернему элементу если он с классом (тот который вы указали), а в вашем случае нужно использовать first-of-type, будет присваиваться стиль первому из своего типа, то есть первому с классом post

Спасибо вам большое, разницу понял. Но почему-то применить first-of-type не получается. Браузер firefox 17.01

тьфу) Тогда подскажите пожалуйста как данную проблему решить?

http://jsfiddle.net/LFEMH/

Как то не разумно получается вставляю левый блок и он влияет на firt-child с классом .post.

http://jsfiddle.net/Jvbsj/

Подскажите пожалуйста почему здесь не работает first-child?

нативно. Но немного как-то через задницу. Я это выкупаю, я имел ввиду каких-то удобных свойств CSS которые бы специально были разработаны по стандарту под это дело...

Всем здраствуйте. Ребят не подскажите идут ли какие либо движения в стандарта css по нормальной кастомизации radio, checkbox и scrollbar?

Тьфу, я имел ввиду адрес локального сервера Нет всё чётко скопировано везде работает, а вот по адресу локального сервера нет. Наверное нужно подчистить кэш, куки...

На локальной машина разрабатываю сайт, autocomplete="off" не работает на одном поле с именем name="account", в принципе и имя поля менял всеровно не отключает autocomplete. Это в Firefox 17.01 Решил показать здесь, скопипатсил всё это в jsfiddle ничего не меняя, так autocomplete отключен как надо. Как такое может быть? В исходном коде autocomplete="off" присутсвует. Такс понятно это у меня сервер что-то делает... первый инпут предлогает заполнить всякой фигнёй)

скоро на сервер выложу. предоставлю ссылку. Вот ссылка _mirde ta . by/?cat=4

Ссылку лучше бы дали.

Так ничего не понятно. Вообще кажется, что там высота задана конкретная.

Нет высота задана не конкретно. К сожалению ссылки нет потому что на локалке делаю.

Вот есть такая структура. Здесь сайдбару задан float: left; он идет перед блоком content, которому задан левый маржин. Так же пост с такой вот структурой:

<div class="post">
  <a href="" class="post-title"</a>
  <div class="post-meta">
    <div class="date"></div>
  </div>
<div class="post-conten clearfix">
  <img class="thumbnail" />
</div>
</div>

Картинке с классом htumbnail задан флоат, чтобы посты не налазили на друг друга из за этого флоата, то задан блоку с классом post-content clearfix. Но из за этого первый пост по высоте как сайдбар, помогите пожалуйста решить эту проблему. Сайдбару position: absolute и проблема решена, но тогда в этом случае сайдбар не толкает бекграунд.

Очень нужна помощь...

Это не очевидно, но этот селектор работает не так.

Селектор .post:last-child выбирает элементы, для которых выполняется одновременно два условия:

1) Этот элемент является последним прямым потомком своего родителя.

2) Этот элемент имеет класс post.

В вашем случае все div.post подходят только под второй критерий, а добавленный элемент - только под первый.

Больше похоже на правду. Спасибо. Эх.. не совсем удобно сделано...

ну .post:last-child разве не подразумевает последний с классом .post?

Есть вот такая структура и CSS .post:last-child

<div id="content">
  <div id="post-1" class="post">
  </div>

  <div id="post-2" class="post">
  </div>

  <div id="post-2" class="post">
  </div>
</div>

Если такая структура то ласт чилд работает, в конце блока контента добавляю див с пагинацией <div id="pagination"></div> и ласт чалд уже не работает. В чем проблема может быть? Это вообще как-то не логично... И вообще если в конец что либо добавить даже пустой див без атрибутов то опять же ласт чилд не работает. В принципе решение нашел, но оно не удовлетворительно, это просто взять эти блоки в пустой див. а после него уже добавлять что нужно.

хах Спасибо вам огромное.

Вот есть такая формочка поиска

На 1 картинке скрин как это отображается в IE, FF, Opera, на 2 соответственно Chrome и Safari. Вот HTML и CSS формы:

<form id="search">
  <input type="text" placeholder="Поиск" />
  <input type="submit" value="" />
</form>

#search {
  position: relative;
  left: 80px;
  margin-top: 7px;
}

#search input[type="text"] {
  padding: 6px 6px;
  width: 174px;
  border: 1px solid #DFDFDF;
  outline: none;
  background-color: #F8F8F8;
}

#search input[type="submit"] {
  position: absolute;
  top: 0;
  left: 186px;
  width: 33px;
  height: 30px;
  border: none;
  background: url(images/search_button.png);
  cursor: pointer;
}

Помогите пожалуйста решить данную проблему.

что значит убрать у table ширину?

table {

width: 100%;

}

И как это в css прописать???

что значит убрать у table ширину?