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

Продолжение темы: https://forum.antichat.ru/threads/43254/

 

А если так?
<a href="data:text/html;base64,PGh0bWw+PGhlYWQ+PG1ldGEgaHR0cC1lcXVpdj0icmVmcmVzaCIgY29udGVudD0iMDtVUkw9aHR0cDovL3lhbmRleC5ydSI+DQo8L2hlYWQ+PC9odG1sPg==">Yandex</a>

 

http://jsfiddle.net/InfectedM/wqze4ot8/3/

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

 

Так и есть, окрашиваются только li первого уровня вложенности, у тебя второй li первого уровня подкрашен и соответственно все что внутри него подкрашено.

 

Наверное, неправильно понимаете - первый уровень вложенности != первый элемент

 

Наследование сработало.
Спасибо , разобрался

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

 

Нет там никакого наследования, добавь к стилям

Code:

ol {
   border: 1px dashed #0000ff;
   position: absolute;
   left: -5px;
}

все поймешь

 

понял, спс.



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



Нашел вот такую табличку:
http://www.w3.org/TR/CSS2/colors.html#propdef-color
там пишет что у color и у font-size
Inherited: yes

 

http://htmlbook.ru/css/background - там в краткой информации про наследование пункт, ну и дальше смотри по другим свойствам в левой менюшке, что наследуется, а что нет.

 

Есть основной контейнер, нужно сделать оранжевую кнопку, которая будет смещаться на половину линии, ( более понятно будет на втором скрине)

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

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



Сделал костыль:




<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-colorrange;
color:white;
}


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

 

Так не пойдёт?
http://codepen.io/anon/pen/ojgmZy?editors=110

 

Спасибо за пример.
Нашел кстати метод получше.

Code:

    margin: auto;
    position: absolute;
    left: 0;
    bottom: -40px;
    right: 0;

центрирует по центру низа и смещает ан 50 пикселей вниз

 

всем привет
есть проблема, пробовал заменить маркеры точек li на другие символы, но после этого текст который в элементе li - переносится на другую строку - на первой строке маркер на второй текст, вот так оно отображается, как будто там <br> есть

Code:

  <style>
   li {
    list-style-type: none;
   }
   li:before {
    content: "-";
   }
  </style>

как сделать что бы не переносился текст после маркера на другую строку ?

 

li:before {
content: "-";
display: inline-block;
}

 

Всем привет.
решил я стилизовать 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 ? сейчас он отображается вместе с подсказкой

 

как можно растянуть checkbox что бы он был не квадратный а прямоугольный ?
можно ли скрыть чекбокс - галку и рамку но при этом что бы он работал если гликнуть в его область ?

 

Обычно checkbox скрываются, а стилизуются их label

 

Взял твои стили для иконки, навесил на div с таки классом - иконка отображается. Проверь путь до иконки.

 

Ребят, подскажите, установил DLE 10.5 закинул шаб, вылазиет, код, что может быть? код не трогал

 

Ребят надо помочь очень пожалуйста, надо ссылки на прямое голосование за оценку 5 на сайте похожую ситуацию нашел у вас на форуме ее решили в ней же и отписал чтоб не флудить https://forum.antichat.ru/threads/295961/