Jump to content

sayapinant

User
  • Posts

    35
  • Joined

  • Last visited

Posts posted by sayapinant

  1. Всем привет, уважаемые форумчане! Я недавно верстал сайт и обратил внимание, что он долго загружается. Понятное дело, картинки не оптимизированы, css-файл огромный и не почищен. Но  у меня в голове просто встал вопрос: в каких случаях нужно делать эффект прелоадера для сайта? А главное, когда это нужно делать? Может вы мне подскажете..

  2. Всем привет!

    Столкнулся с проблемой: необходимо вывести фоном картинку, но ничего не получается. Саму проблему можно посмотреть здесь http://test.kvada.ru 

    В файле css прописываю путь к картинке для background-image. Она появляется. Но когда начинаю добавлять дополнительные свойства типа запрета повторения и позиционирования, то картинка исчезает. В чем может быть дело? Подскажите, если сможете разобраться. Буду очень признателен.

    Для ясности добавлю фрагменты кода.

    HTML:

    <section id="problems">
          <div class="container">
            <div class="row">
              <div class="col col-md-8 col-sm-12 col-xs-12">
                <div>
                  <h1>Вам это знакомо?</h1>
                  <ul>
                    <li>Постоянный недосып и усталость</li>
                    <li>Переодическая головная боль</li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
      </section>

    CSS:

    #problems {
    	background-image: url(../images/problems_1.jpg) no-repeat center top;
    	width: auto;
    	height: auto;
    }

     

  3. я бы использовал путь /images/logo.png

    а ./images/logo.png = images/logo.png

    если вы открываете локальный файлик в браузере, то лучше использовать относительные пути как у вас

    Дело в том, что я делаю тему для Wordpress. Соответственно ни о каких локальных файликах речи бы ть не может. Пробовал уже и со слешем и без слеша — все одно

  4. Привет всем форумчанам!  :)

    У меня нарисовалась такая небольшая проблемка: на сайте не отображаются картинки. А если точнее, то только логотип, который имеет расширение .png

    Я прописываю следующий путь в индексном файле 

    <img src="./images/logo.png">

    Иерархия файлов следующая:

    1. Файл index.html

    2. Файл style.css

    3. Папка images

    Я могу предполагать, что я не правильно указал путь (./). Но пробовал уже по-всякому — ничего не получается.

  5. Привет всем!

     

    У меня очередная проблема. Сразу хочу сказать, что я не профи, но в html и css разбираюсь. Однако суть в следующем. Мне нужно создать макет, как показано на картинке.

     

    5691786m.jpg

     

    Но у меня выходит просто какая-то ерунда. Эту ерунду можно посмотреть по этой ссылке http://testshop.mcdir.ru/. Не могу понять, что я делаю не так. Header уменя весь расползается. Помогите решить эту задачу. Вполне возможно (а я почему-то в этом уверен), что проблема с позиционированием. Исходный код прилагаю.

     

    index.html:

    <!DOCTYPE html><html><head><title>interior</title><link href="style.css" rel="stylesheet" /><meta charset="utf-8" /></head><body><header><img src="images/slide1.jpg" width="1920" height="515" /><div class="length"><div class="logo"><h1>Interior</h1><h2>A wide<br /> selection<br /> of fine<br /> furniture!</h2></div><!--<nav><ul><li><a href="#">Home</a></li><li><a href="#">About</a></li><ul><li><a href="#">Living rooms</a></li><li><a href="#">Bedrooms</a></li><ul><li><a href="#">Loremipsum</a></li><li><a href="#">Dolorsed</a></li><li><a href="#">Aditorias</a></li></ul><li><a href="#">Kitchens</a></li></ul><li><a href="#">Blog</a></li><li><a href="#">Gallery</a></li><li><a href="#">Contacts</a></li></ul></nav>--></div></header></body></html>

    css:

     

    * {margin: 0;padding: 0;}body {width: 1920px;}p {font: italic 13px "Droid Serif";color: #737373;}a {font: italic 13px "Droid Serif";color: #ff4343;text-decoration: none;}h1 {font: bold 18px "Lato Black";color: #000;}/*header*/header {width: 100%;margin: 0;}header .length {width: 100%;height: 75px;background: #000;opacity: .5;position: relative;}header .length .logo {position: absolute;top: 0;left: 0;}header .length .logo h1 {font: normal 30px "Lato Black";color: #fff;text-transform: uppercase;position: absolute;top: 28px;left: 489px;}header .length .logo h2 {font: normal 48px "Lato Black";color: #fff;line-height: .95;text-transform: uppercase;position: absolute;top: 270px;left: 489px;}/*end header*/

    Заранее всем огромное спасибо!  ^_^

     

  6. У вас в первом пункте идет <span></span><a></a>,а в остальных <span><a></a></span>.

     

     

    Должно получиться как здесь Но у меня почему то не получается.

    Все правильно вам человек выше подсказал. У вас ссылки вложены в <span></span>. А на примере, который вы указали ссылки не вложены в span и идут за ним.

     

    Спасибо. Я даже не обратил на это внимания)))

  7.  и как же народ в это поверит? Подписи нет, уродливую картинку в портфолио себе никто не добавит. К тому же очень часто слыхал работают по принципу неразглашения инфы, т.е. даже ссылку свою нельзя повесить т.к. это изначально идет в условиях клиента.

    В такое народ обязательно поверит))) А вот если сказать что то хорошее, то этот самый народ засомневается в правдивости слов

  8. Если фирма не может отказаться от клиента самодура, по причине финансовых трудностей, то достаточно не ставить свою подпись под сайтом, всего-то )

    Вполне возможно, только от сарафанного радио еще никто не застрахован))) 

  9. CroaToa дал примеры какие сайты не стоит делать) Я с ним полностью согласен.

    Согласен и с остальными участниками, так как желание клиента — это закон (интересно, кто это сказал?) Но и идти на поводу у клиента не стоит. Если такой дизайн неприемлим для пользователя, то это в первую очередь отразится на авторитете фирмы-исполнителе. Общество сразу же даст им ярлык, что они ничерта не смыслят в дизайне.

  10. Ну есть вариант, это не на css3 - а делать все на картинках :blink:, будут и тени, градиенты и прозрарачность....

    Нет. Стараюсь избегать картинки в заголовках и в меню. Из-за этого оптимизация сайта потом ухудшается.

    Это не есть хорошо...

    что значит не есть хорошо?

    Пример:

    У тебя есть автомобиль, мощность которого 80 л.с. а максимальная скорость порядка 140 км/час.

    Ты приходишь к механику и говоришь что тебе надо что бы этот автомобиль делал от 0 до 100 за 3,2 сек, имел максимальную скорость под 210 км/час и мощность, соответственно, будет под 600 л.с.

    Данный автомобиль не создан под такие задачи и никогда не будет их выполнять.

    Так же и с браузером -- никогда IE8 не будет полноценно поддерживать CSS3 просто по тому что он для этого не предназначен. Microsoft не развивает и не будет развивать эту версию браузера. Более того, даже IE9 полноценно не поддерживает CSS3.

    Все решения, которые расширяют возможности IE8 -- это костыли, которые иногда работают а иногда нет.

    Так я и не спорю...

  11. Сразу вопрос возникает: вы в слепую верстаете или сериалы не смотрите? :blink:

    Скорее невнимательно смотрю. Но это чисто женская особенность - способность делать несколько дел одновременно и работать с несколькими потоками информации.

    Ну мужчин такая особенность тоже имеется :)

×
×
  • 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