это что такое?

Конечно костыли но все же

Присвоить каждой строке свой id и от него центрировать

Жестко

# так в css обозначается id

#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; }

Присвоить каждой строке свой id и от него центрировать

никогда, слышите, все 1917 человек в чате, никогда так не делайте!

никогда, слышите, все 1917 человек в чате, никогда так не делайте!

+

великий октябрь, 1917 )

никогда, слышите, все 1917 человек в чате, никогда так не делайте!

почему?

иначе все котики мира в этот момент заплачут ._.

Айдишники для стилей вообще не надо юзать т.т А в этом варианте вообще жесть

какие ид еще, вы чего тут)

вот от Марии там годный совет, так и делайте

совсем штоле

каждой строке айди, пойду посмеюсь)

#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; }

Меняй на классы!1!1

не получается что то не ровняет

каждой строке айди, пойду посмеюсь)

Я с тобой :))

не получается что то не ровняет

есть где посмотреть код?

а я поплачу над этим ) мне больно

есть где посмотреть код?

https://jsfiddle.net/nqvftzj0/1/

https://jsfiddle.net/nqvftzj0/1/

что относительно чего надо центрировать?

еще не знаю, скажу на всякий случай, так лучше не писать, для того чтоб сделать заглавными буквы, есть text-transform:uppercase

еще не знаю, скажу на всякий случай, так лучше не писать, для того чтоб сделать заглавными буквы, есть text-transform:uppercase

учту

Меняй на классы!1!1

спс, разобрался там на навигации еще был отступ сверху 50пх, что не давало опустить контакты ниже и они вместе с шапкой катались

учту

здесь можно псевдоэлементу задать position: absolute, top:50%, transform: translateY(-50%), для <p> родительского position: relative

здесь можно псевдоэлементу задать position: absolute, top:50%, transform: translateY(-50%), для <p> родительского position: relative

о, пасиб) Кривовато пока что)) Но ща буду править))

а я поплачу над этим ) мне больно

что если тебе показать html/css код написанный только id-шниками?

Народ, может кто знает? есть <img src='server/gimme_image' >.

не понятно что ты написал

что если тебе показать html/css код написанный только id-шниками?

нет-нет-нет ))) инфаркт хочешь чтобы у меня случился тут?))

не дай бог

Kate а давай я сброшу верстку на тэгах

как тебе идея?

Народ, может кто знает? есть <img src='server/gimme_image' >. в какой-то момент через скрипт src у этого img меняется на другой - 'server/gimme_another_image'. в случае, если вторая картинка не пришла (ошибки сети, урла и прочее), у этого img должна остаться старая картинка, полученная по адресу 'server/gimme_image'. как это моожно реализовать?

Не меняй src, а меняй картинку

Тег сам

интересует вариант без повторного обращения к серверу

Тег сам

не понял. как это?

Если картинка норм дошла, то удаляй старый тег и вставляй новый

https://www.npmjs.com/package/materialize-tabs о кажется нашел, то что нужно

Если картинка норм дошла, то удаляй старый тег и вставляй новый

тег <img>??

Да

ну если на js, то придется повторно обращаться

ну если на js, то придется повторно обращаться

Зачем?

Да

спасибо. тоже думал об этом)

Зачем?

а как

ну если на js, то придется повторно обращаться

а если не на Js то какие варианты бывают?

ну на пхп, я не знаю на чем пишешь

а как

Жопой об косяк. Какой пхп, че ты несешь

просто запрашиваешь картинку, если успешно то меняешь src, если нет, то оставляешь

Жопой об косяк. Какой пхп, че ты несешь

нормально общайся

$("#my_image").attr("src","second.jpg");

у нас тут много царей богов было

Если картинка норм дошла, то удаляй старый тег и вставляй новый

все же это вариант, который можно описать "допиливай руками и головой". может есть какой-то "заводской" способ отмены подмены картинки?

Как сделать смену стороны картинки при hover? То есть, как я себе это представляю: есть какая-то иконка, к примеру, 32x32, но сам файл с иконкой размером 64x32. В обычном состоянии отображается левая сторона файла, а при hover'е - правая.

у нас тут много царей богов было

Я первый из них после бороды

Как сделать смену стороны картинки при hover? То есть, как я себе это представляю: есть какая-то иконка, к примеру, 32x32, но сам файл с иконкой размером 64x32. В обычном состоянии отображается левая сторона файла, а при hover'е - правая.

transform: translateX(-50%)

ну если это элемент

все же это вариант, который можно описать "допиливай руками и головой". может есть какой-то "заводской" способ отмены подмены картинки?

-_-

ERROR: S client not available

transform: translateX(-50%)

спасибо

если это бэкграундом, то можно сам бг двигать

если это бэкграундом, то можно сам бг двигать

+ это же писал

важный момент , когда картинка должна меняться ?

типа background-position: left center => background-position: right center

почитай о спрайтах

чо-нить такое

или прям в пикселях, зависит.

просто запрашиваешь картинку, если успешно то меняешь src, если нет, то оставляешь

а можно на примере? так-то я меняю src через $('#my_image').attr('src', 'server/gimme_another_picture'). Тогда где здесь определить что картинка не дошла и оставаить старую?

ajax запросом

ajax запросом

Гопстади, это т будет второй щапрос

Eugene ?? ну что, помогло по UI Tabs?

ajax запросом

а можно пример?

или ссылочку??

Eugene ?? ну что, помогло по UI Tabs?

https://www.npmjs.com/package/materialize-tabs вот это сейчас буду пробовать:)

а можно на примере? так-то я меняю src через $('#my_image').attr('src', 'server/gimme_another_picture'). Тогда где здесь определить что картинка не дошла и оставаить старую?

Да напиши ты тоже самое, только не меняй src в теге, а создай новый тег и допиши к нему onload, по загрузке меняй один тег на другой

Гопстади, это т будет второй щапрос

а первый запрос зачем и куда??

https://www.npmjs.com/package/materialize-tabs вот это сейчас буду пробовать:)

Так ты же для jq ui просил

Так ты же для jq ui просил

Ну да. но нме нужны именно такие :D

а первый запрос зачем и куда??

Сначала аякс это первый, а потом второй из dom сам пойдет, когда src поменяешь

https://stackoverflow.com/questions/28152762/changing-image-source-with-refreshing-ajax-variable

таким образом идет 2 запроса

причем если картинка на другом сервере надо создать php файл с перенаправлением

Да напиши ты тоже самое, только не меняй src в теге, а создай новый тег и допиши к нему onload, по загрузке меняй один тег на другой

да, это ведь и предлагали. а можно еще вот так: var image = new Image(); image.src = 'server/gimme_another_picture'; image.onload = function(){ $('#my_image').attr('src', ??????? ) }

Сначала аякс это первый, а потом второй из dom сам пойдет, когда src поменяешь

два запроса не вариант

Всем привет! Спустя два года вернулся к верстке сайтов. Хотел узнать, какие шалонизаторы сейчас в "треде"? (кроме pug, что-то с ним совсем не нравится работать)

Я устал ему объяснять, передаю эстафету Нареку

а когда картинка должна меняться ?.<

Всем привет! Спустя два года вернулся к верстке сайтов. Хотел узнать, какие шалонизаторы сейчас в "треде"? (кроме pug, что-то с ним совсем не нравится работать)

html xd

Всем привет! Спустя два года вернулся к верстке сайтов. Хотел узнать, какие шалонизаторы сейчас в "треде"? (кроме pug, что-то с ним совсем не нравится работать)

Ничего не изменилось за последние три года. Так что, нравится не нравится

https://stackoverflow.com/questions/28152762/changing-image-source-with-refreshing-ajax-variable

это тоже два запроса(((

tnx :)