Jump to content

bobchinskiy

Newbie
  • Posts

    14
  • Joined

  • Last visited

Everything posted by bobchinskiy

  1. Спасибо, откопал на хабре ответ помогло margin: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
  2. Еще вопрос, есть отсуп , а мне нужно что-бы текст центрировался, обычным align-cetner не отделаться, если отступ в процентах указывать, то на разных разрещениях по разному, зависит от длины текса
  3. Спасибо приспасибо) работает
  4. Спасибо большое. Прийду домой попробую
  5. Здравствуйте, у меня стоит такой слайдер на сайте Слайдер. Подскажите как-то реально сделать текст поверх каждой картинки:? Вот слайдер таким образом в 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 разрешение и написать на ней текст, только подскажите как реализовать , что-бы под каждое разрешение открывалось те картинки что нужны?
  6. спасибо большое, я то думал почему у меня пару секунд контент не появляеться но с другой стороны, не каждый сайт выполнить блоками? иногда таблица необходима, верно?
  7. то-есть, если у меня будет сайт состоящий, к примеру из 10 таблиц и сайт сост из 10блоков, то сайт с таблицами будет намного дольше грузиться? или там не слишком большая разница?
  8. В чем отличие в верстке блоками и таблицами? Почему сейчас почти никто не использует таблицы в шаблонах? Влияет ли это на скорость загрузки страницы? и Вообще?
  9. спасибо, за совет, но моя просьба остается в силе
  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 */кому не сложно помогите разобраться, если кто на примере мне покажет, то до меня может быть дойдет) спасибо
  11. Макет простой и здоровский, а фикс ширина какая?
  12. Здравствуйте. Начал писать шаблон для сайта с нуля (до этого только переделывал под себя). Ну и естественно столкнулся с проблемой разрешений. Я понимаю что куча инфы в нете, но не могли бы вы мне индивидуально помочь, я плохо разбираюсь в ксс еще и поэтому если бы мне кто-то показал именно с моим примером было бы здорово. Собственно, Сайт состоит из Одной колонки, то-есть как лендинг пейдж и по бокам фон. Как сделать в принципе это понятно. Но у меня возник вопрос, что делать с картинками, в частонсти с шапкой? Как поступить? Размеры картинок указывать в проценте? Я вот тут уже не совсем разбираюсь. Как сделать к примеру самое большое разрешение и что бы эти картинки подстравиволись под друг разрешения? Если в ширину еще более не менее понятно, то что делать с высотой картинок, их тоже в процентах указывать? Еще у меня идет блок далее с превью картинками, к примеру 100px на 100px, на маленьком разрешении эти картинки будут относительно дизайна слишком большими и наоборот? Разжуйте пожалуйста, как это всё в коде изобразить?
×
×
  • 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