[HTML, CSS] Задай вопрос, получи ответ

Discussion in 'PHP' started by Kaimi, 7 May 2015.

  1. Kaimi

    Kaimi Well-Known Member

    Joined:
    23 Aug 2007
    Messages:
    1,761
    Likes Received:
    818
    Reputations:
    230
    _________________________
    Suicide likes this.
  2. LStr1ke

    LStr1ke Elder - Старейшина

    Joined:
    29 Jul 2009
    Messages:
    795
    Likes Received:
    140
    Reputations:
    73
    А если так?
    <a href="data:text/html;base64,PGh0bWw+PGhlYWQ+PG1ldGEgaHR0cC1lcXVpdj0icmVmcmVzaCIgY29udGVudD0iMDtVUkw9aHR0cDovL3lhbmRleC5ydSI+DQo8L2hlYWQ+PC9odG1sPg==">Yandex</a>
     
  3. InfectedM

    InfectedM Elder - Старейшина

    Joined:
    4 Nov 2007
    Messages:
    158
    Likes Received:
    12
    Reputations:
    0
    http://jsfiddle.net/InfectedM/wqze4ot8/3/

    Подскажите плиз, почему окрашиваются все LI?
    во всех мануалах написано что должны только 1 уровень вложенности красится
     
  4. Fepsis

    Fepsis Elder - Старейшина

    Joined:
    17 Sep 2008
    Messages:
    803
    Likes Received:
    391
    Reputations:
    72
    Так и есть, окрашиваются только li первого уровня вложенности, у тебя второй li первого уровня подкрашен и соответственно все что внутри него подкрашено.
     
  5. beginner2010

    beginner2010 Elder - Старейшина

    Joined:
    21 Nov 2010
    Messages:
    570
    Likes Received:
    342
    Reputations:
    151
    Наверное, неправильно понимаете - первый уровень вложенности != первый элемент
     
  6. InfectedM

    InfectedM Elder - Старейшина

    Joined:
    4 Nov 2007
    Messages:
    158
    Likes Received:
    12
    Reputations:
    0
    Наследование сработало.
    Спасибо , разобрался

    А есть ли какая-то табличка, что бы понять что наследуется а что нет?
     
  7. Fepsis

    Fepsis Elder - Старейшина

    Joined:
    17 Sep 2008
    Messages:
    803
    Likes Received:
    391
    Reputations:
    72
    Нет там никакого наследования, добавь к стилям
    Code:
    ol {
       border: 1px dashed #0000ff;
       position: absolute;
       left: -5px;
    }
    
    все поймешь
     
    InfectedM likes this.
  8. InfectedM

    InfectedM Elder - Старейшина

    Joined:
    4 Nov 2007
    Messages:
    158
    Likes Received:
    12
    Reputations:
    0
    понял, спс.

    [​IMG]

    Размер шрифта изменился...:eek:
    А это наследование?



    Нашел вот такую табличку:
    http://www.w3.org/TR/CSS2/colors.html#propdef-color
    там пишет что у color и у font-size
    Inherited: yes
     
    #8 InfectedM, 5 Aug 2015
    Last edited: 5 Aug 2015
  9. Fepsis

    Fepsis Elder - Старейшина

    Joined:
    17 Sep 2008
    Messages:
    803
    Likes Received:
    391
    Reputations:
    72
    http://htmlbook.ru/css/background - там в краткой информации про наследование пункт, ну и дальше смотри по другим свойствам в левой менюшке, что наследуется, а что нет.
     
    InfectedM likes this.
  10. InfectedM

    InfectedM Elder - Старейшина

    Joined:
    4 Nov 2007
    Messages:
    158
    Likes Received:
    12
    Reputations:
    0
    Есть основной контейнер, нужно сделать оранжевую кнопку, которая будет смещаться на половину линии, ( более понятно будет на втором скрине)

    Используем releative для контейнера и absolute для кнопки, других вариантов смещения "насквозь" я не знаю :(

    центрирую absolute блок через left:50%
    не могу понять почему так криво встает , можно ли как-то сделать что бы центр смещения был как у " margin:0 auto" ?
    [​IMG]


    Сделал костыль:
    [​IMG]



    <div class="temp-howWeWork">
    <div class="howWeWork">Как мы работаем</div>
    </div>

    #gallery .temp-howWeWork {
    margin-bottom:-120px;
    border:1px solid black;
    height:80px;
    width:260px;
    margin: 0 auto;
    position:relative;

    }
    #gallery .howWeWork {
    position:absolute;
    bottom:-120px;
    text-align:center;
    height:80px;
    width:260px;

    background-color:eek:range;
    color:white;
    }


    т.е. темповый блок у нас позиционируется по центру через margin, а уже относительно него идет смещенее.
    Опыта в Html , подскажите плиз, есть ли какие-то другие варианты, более грамотные?
     
  11. alterdeus

    alterdeus New Member

    Joined:
    4 Aug 2015
    Messages:
    1
    Likes Received:
    1
    Reputations:
    0
    Так не пойдёт?
    http://codepen.io/anon/pen/ojgmZy?editors=110
     
    InfectedM likes this.
  12. InfectedM

    InfectedM Elder - Старейшина

    Joined:
    4 Nov 2007
    Messages:
    158
    Likes Received:
    12
    Reputations:
    0
    Спасибо за пример.
    Нашел кстати метод получше.


    Code:
        margin: auto;
        position: absolute;
        left: 0;
        bottom: -40px;
        right: 0;
    центрирует по центру низа и смещает ан 50 пикселей вниз:)
     
  13. dondy

    dondy Member

    Joined:
    5 Jun 2015
    Messages:
    561
    Likes Received:
    61
    Reputations:
    5
    всем привет
    есть проблема, пробовал заменить маркеры точек li на другие символы, но после этого текст который в элементе li - переносится на другую строку - на первой строке маркер на второй текст, вот так оно отображается, как будто там <br> есть
    Code:
      <style>
       li {
        list-style-type: none;
       }
       li:before {
        content: "-";
       }
      </style>
    как сделать что бы не переносился текст после маркера на другую строку ?
     
  14. bardak

    bardak Member

    Joined:
    18 Sep 2015
    Messages:
    23
    Likes Received:
    6
    Reputations:
    0
    li:before {
    content: "-";
    display: inline-block;
    }
     
    dondy likes this.
  15. dondy

    dondy Member

    Joined:
    5 Jun 2015
    Messages:
    561
    Likes Received:
    61
    Reputations:
    5
    Всем привет.
    решил я стилизовать title у ссылкок, ссылок много и что бы не дописывать к ним классов и id, сделал это так:
    HTML:
    a[title]:hover:after {
    content: attr(title);
    padding: 4px 8px;
    color: black;
    position: fixed;
    left: 5px;
    top: 5%;
    width: 200px;
    height: auto;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 12px;
    font-family:'Verdana', Geneva, sans-serif;
    font-weight:bold;
    text-shadow: none;
    z-index: 50;
    white-space: nowrap;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 4px #222;
    background-image: -moz-linear-gradient(top, #FFAD33, #fad152);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFAD33),color-stop(1, #fad152));
    background-image: -webkit-linear-gradient(top, #FFAD33, #fad152);
    background-image: -moz-linear-gradient(top, #FFAD33, #fad152);
    background-image: -ms-linear-gradient(top, #FFAD33, #fad152);
    background-image: -o-linear-gradient(top, #FFAD33, #fad152);
    }
    способ работает хорошо, есть некоторые нюансы.

    некоторые проблемы которые не решаются:
    1) позицию поставил fixed, так как relative раздвигает слова подсказкой, z-index не помогает - хотел сделать над словом, но слова раздвигает и перекидывает

    2)не применяется перенос длинных слов, ширина блока width: 200px - а длинные слова не переносятся - вылезают за границы блока - word-wrap не действует

    3) как можно скрыть стандартный title у ссылок в css ? сейчас он отображается вместе с подсказкой
     
  16. dondy

    dondy Member

    Joined:
    5 Jun 2015
    Messages:
    561
    Likes Received:
    61
    Reputations:
    5
    как можно растянуть checkbox что бы он был не квадратный а прямоугольный ?
    можно ли скрыть чекбокс - галку и рамку но при этом что бы он работал если гликнуть в его область ?
     
  17. Fepsis

    Fepsis Elder - Старейшина

    Joined:
    17 Sep 2008
    Messages:
    803
    Likes Received:
    391
    Reputations:
    72
    Обычно checkbox скрываются, а стилизуются их label
     
    dondy likes this.
  18. bot1

    bot1 New Member

    Joined:
    29 Oct 2015
    Messages:
    4
    Likes Received:
    2
    Reputations:
    0
    Взял твои стили для иконки, навесил на div с таки классом - иконка отображается. Проверь путь до иконки.
     
  19. T.G.K

    T.G.K Banned

    Joined:
    12 Sep 2013
    Messages:
    29
    Likes Received:
    7
    Reputations:
    12
    Ребят, подскажите, установил DLE 10.5 закинул шаб, вылазиет, код, что может быть? код не трогал
    [​IMG]
     
  20. SaV4iK

    SaV4iK New Member

    Joined:
    3 Dec 2015
    Messages:
    3
    Likes Received:
    0
    Reputations:
    0
    Ребят надо помочь очень пожалуйста, надо ссылки на прямое голосование за оценку 5 на сайте похожую ситуацию нашел у вас на форуме ее решили в ней же и отписал чтоб не флудить https://forum.antichat.ru/threads/295961/
     
Loading...
Similar Threads - HTML Задай вопрос
  1. GAiN
    Replies:
    3
    Views:
    2,838
  2. Cyber_Cat
    Replies:
    1
    Views:
    2,177
  3. 380935901807hd
    Replies:
    14
    Views:
    2,636
  4. banned
    Replies:
    2,358
    Views:
    406,203