bobchinskiy

Спасибо, откопал на хабре ответ помогло margin: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);

Еще вопрос, есть отсуп , а мне нужно что-бы текст центрировался, обычным align-cetner не отделаться, если отступ в процентах указывать, то на разных разрещениях по разному, зависит от длины текса

Спасибо приспасибо) работает

Спасибо большое. Прийду домой попробую

Здравствуйте, у меня стоит такой слайдер на сайте Слайдер. Подскажите как-то реально сделать текст поверх каждой картинки:? Вот слайдер таким образом в HTML выводиться <div class="sp-slideshow"> <input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" /> <label for="button-1" class="button-label-1"></label> <input id="button-2" type="radio" name="radio-set" class="sp-selector-2" /> <label for="button-2" class="button-label-2"></label> <input id="button-3" type="radio" name="radio-set" class="sp-selector-3" /> <label for="button-3" class="button-label-3"></label> <input id="button-4" type="radio" name="radio-set" class="sp-selector-4" /> <label for="button-4" class="button-label-4"></label> <input id="button-5" type="radio" name="radio-set" class="sp-selector-5" /> <label for="button-5" class="button-label-5"></label> <label for="button-1" class="sp-arrow sp-a1"></label> <label for="button-2" class="sp-arrow sp-a2"></label> <label for="button-3" class="sp-arrow sp-a3"></label> <label for="button-4" class="sp-arrow sp-a4"></label> <label for="button-5" class="sp-arrow sp-a5"></label> <div class="sp-content"> <div class="sp-parallax-bg"></div> <ul class="sp-slider clearfix"> <li><img src="путь к картинками" height="100%" width="100% alt="" /></li> <li><img src="путь к картинками" height="100%" width="100% alt="image02" /></li><li><img src="путь к картинками" height="100%" width="100%" /></li> </ul> </div> Или подскажите такой вариант, сделать картинку под каждое к примеру от 800х600 до 1600х1200 разрешение и написать на ней текст, только подскажите как реализовать , что-бы под каждое разрешение открывалось те картинки что нужны?

спасибо большое, я то думал почему у меня пару секунд контент не появляеться но с другой стороны, не каждый сайт выполнить блоками? иногда таблица необходима, верно?

то-есть, если у меня будет сайт состоящий, к примеру из 10 таблиц и сайт сост из 10блоков, то сайт с таблицами будет намного дольше грузиться? или там не слишком большая разница?

В чем отличие в верстке блоками и таблицами? Почему сейчас почти никто не использует таблицы в шаблонах? Влияет ли это на скорость загрузки страницы? и Вообще?

ясно, спасибо

спасибо, за совет, но моя просьба остается в силе

Помогите пожалуйста, напишите в коде как должно выглядеть, в css и если конечно найдется спаситель желательно и сразу html( я просто не до конца понимаю всех ньюансов, так мне будет понятнее). Сайт трехколоночный резиновый, левавя колонка и правая - это фон( то есть сайт по сути сайт в одну колонку), и эту центральную основную колонку разделить на три блока - шапка, инфа и футер к примеру. в шапку мне нужно впихнуть к примеру такой градиент и написать любой текст с левой части шапки, а по центру на этом градиенте у меня картинка должна быть. Как это должно выглядеть в css? //gradientbackground: #ff6e02; /* Old browsers */background: -moz-linear-gradient(left, #ff6e02 0%, #ff9933 50%, #ff6e02 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff6e02), color-stop(50%,#ff9933), color-stop(100%,#ff6e02)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left, #ff6e02 0%,#ff9933 50%,#ff6e02 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left, #ff6e02 0%,#ff9933 50%,#ff6e02 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left, #ff6e02 0%,#ff9933 50%,#ff6e02 100%); /* IE10+ */background: linear-gradient(to right, #ff6e02 0%,#ff9933 50%,#ff6e02 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6e02', endColorstr='#ff6e02',GradientType=1 ); /* IE6-9 */кому не сложно помогите разобраться, если кто на примере мне покажет, то до меня может быть дойдет) спасибо

вот примерно такое Пример сайта

Макет простой и здоровский, а фикс ширина какая?

Здравствуйте. Начал писать шаблон для сайта с нуля (до этого только переделывал под себя). Ну и естественно столкнулся с проблемой разрешений. Я понимаю что куча инфы в нете, но не могли бы вы мне индивидуально помочь, я плохо разбираюсь в ксс еще и поэтому если бы мне кто-то показал именно с моим примером было бы здорово. Собственно, Сайт состоит из Одной колонки, то-есть как лендинг пейдж и по бокам фон. Как сделать в принципе это понятно. Но у меня возник вопрос, что делать с картинками, в частонсти с шапкой? Как поступить? Размеры картинок указывать в проценте? Я вот тут уже не совсем разбираюсь. Как сделать к примеру самое большое разрешение и что бы эти картинки подстравиволись под друг разрешения? Если в ширину еще более не менее понятно, то что делать с высотой картинок, их тоже в процентах указывать? Еще у меня идет блок далее с превью картинками, к примеру 100px на 100px, на маленьком разрешении эти картинки будут относительно дизайна слишком большими и наоборот? Разжуйте пожалуйста, как это всё в коде изобразить?