Kate
line-height по высоте картинки например
Kate
но если слова в 2 и более строк будут, то это плохой вариант
Kate
можно попытаться vertical-align’ом извратиться, что непросто
Kate
можно флексами (лучший варик)
Anonymous
Margin в помощь
Maria
родительскому блоку дисплей флекс а дочерним вроде бы маргин ауто
Kate
марджин тоже не панацея при нескольких строках
Anonymous
Тогда разделить на #id
Kate
это что такое?
Anonymous
Конечно костыли но все же
Anonymous
Присвоить каждой строке свой id и от него центрировать
Eugene
Жестко
Anonymous
# так в css обозначается id
Anonymous
Anonymous
#quick-contact li::before {
color: #ffffff;
content: "";
display: inline-block;
font-family: FontAwesome;
font-size: 32px;
margin-right: 5px;
padding: 60px 0;
text-align: center;
width: 27px;
position: absolute;
left: 5px;
top: 5px;
}
#quick-contact li {
clear: inherit;
float: left;
font-size: 14px;
line-height: 0.8;
list-style: outside none none;
margin-top: 5px;
padding: px 0 0;
text-align: left;
position: relative;
padding-left: 50px;
margin-left: 20px;
}
Kate
Присвоить каждой строке свой id и от него центрировать
никогда, слышите, все 1917 человек в чате, никогда так не делайте!
Rinat
великий октябрь, 1917 )
Kate
иначе все котики мира в этот момент заплачут ._.
Eugene
Айдишники для стилей вообще не надо юзать т.т
А в этом варианте вообще жесть
Maria
какие ид еще, вы чего тут)
Kate
вот от Марии там годный совет, так и делайте
Maria
совсем штоле
Maria
каждой строке айди, пойду посмеюсь)
DrRastafarai
Kate
а я поплачу над этим ) мне больно
Maria
DrRastafarai
что относительно чего надо центрировать?
Maria
еще не знаю, скажу на всякий случай, так лучше не писать, для того чтоб сделать заглавными буквы, есть text-transform:uppercase
Maria
DrRastafarai
Anonymous
Меняй на классы!1!1
спс, разобрался
там на навигации еще был отступ сверху 50пх, что не давало опустить контакты ниже и они вместе с шапкой катались
Maria
учту
здесь можно псевдоэлементу задать position: absolute, top:50%, transform: translateY(-50%), для <p> родительского position: relative
DrRastafarai
здесь можно псевдоэлементу задать position: absolute, top:50%, transform: translateY(-50%), для <p> родительского position: relative
о, пасиб)
Кривовато пока что)) Но ща буду править))
Eugene
а я поплачу над этим ) мне больно
что если тебе показать html/css код написанный только id-шниками?
Джадив
Народ, может кто знает? есть <img src='server/gimme_image' >.
Kate
что если тебе показать html/css код написанный только id-шниками?
нет-нет-нет ))) инфаркт хочешь чтобы у меня случился тут?))
Джадив
Народ, может кто знает? есть <img src='server/gimme_image' >. в какой-то момент через скрипт src у этого img меняется на другой - 'server/gimme_another_image'. в случае, если вторая картинка не пришла (ошибки сети, урла и прочее), у этого img должна остаться старая картинка, полученная по адресу 'server/gimme_image'. как это моожно реализовать?
Alexey
Не меняй src, а меняй картинку
Alexey
Тег сам
Джадив
интересует вариант без повторного обращения к серверу
Alexey
Если картинка норм дошла, то удаляй старый тег и вставляй новый
Eugene
https://www.npmjs.com/package/materialize-tabs о кажется нашел, то что нужно
Alexey
Да
Alexey
Зачем?
Джадив
а если не на Js то какие варианты бывают?
Alexey
Жопой об косяк. Какой пхп, че ты несешь
Eugene
$("#my_image").attr("src","second.jpg");
Джадив
Если картинка норм дошла, то удаляй старый тег и вставляй новый
все же это вариант, который можно описать "допиливай руками и головой". может есть какой-то "заводской" способ отмены подмены картинки?
Eugene
Anonymous
Как сделать смену стороны картинки при hover? То есть, как я себе это представляю: есть какая-то иконка, к примеру, 32x32, но сам файл с иконкой размером 64x32. В обычном состоянии отображается левая сторона файла, а при hover'е - правая.
Alexey
Я первый из них после бороды
Kate
Kate
ну если это элемент
Kate
если это бэкграундом, то можно сам бг двигать
Eugene
важный момент , когда картинка должна меняться ?
Kate
типа background-position: left center => background-position: right center
Kate
чо-нить такое
Kate
или прям в пикселях, зависит.
Джадив
а можно на примере? так-то я меняю src через $('#my_image').attr('src', 'server/gimme_another_picture'). Тогда где здесь определить что картинка не дошла и оставаить старую?
Alexey
Гопстади, это т будет второй щапрос
Максим
Eugene 🇷🇺 ну что, помогло по UI Tabs?
Джадив
а можно пример?
Джадив
или ссылочку?😊
Eugene
Eugene 🇷🇺 ну что, помогло по UI Tabs?
https://www.npmjs.com/package/materialize-tabs вот это сейчас буду пробовать:)
Alexey
а можно на примере? так-то я меняю src через $('#my_image').attr('src', 'server/gimme_another_picture'). Тогда где здесь определить что картинка не дошла и оставаить старую?
Да напиши ты тоже самое, только не меняй src в теге, а создай новый тег и допиши к нему onload, по загрузке меняй один тег на другой
Максим
https://www.npmjs.com/package/materialize-tabs вот это сейчас буду пробовать:)
Так ты же для jq ui просил