muchachosll 0 Posted November 5, 2017 Report Share Posted November 5, 2017 Как сделать, чтобы картинка и текст был в одну линию и при этом при наведении это была одна ссылка, чтобы менялся цвет как у картинки так и у текста одновременно? http://i066.radikal.ru/1711/0e/50c482598828.png Quote Link to post Share on other sites
muchachosll 0 Posted November 5, 2017 Author Report Share Posted November 5, 2017 А если точнее, то так! http://s009.radikal.ru/i307/1711/84/47b6c0791450.jpg Quote Link to post Share on other sites
Canek123 48 Posted November 5, 2017 Report Share Posted November 5, 2017 и там и там float:left; Quote Link to post Share on other sites
muchachosll 0 Posted November 5, 2017 Author Report Share Posted November 5, 2017 это ul c 2-мя li. И мне нужен совет или код, как сделать чтобы катринка была в ровень с текстом, при этом чтобы это был 1 элемент Quote Link to post Share on other sites
YahooЕЮ 322 Posted November 5, 2017 Report Share Posted November 5, 2017 42 минуты назад, muchachosll сказал: Как сделать, чтобы картинка и текст был в одну линию и при этом при наведении это была одна ссылка, чтобы менялся цвет как у картинки так и у текста одновременно? http://i066.radikal.ru/1711/0e/50c482598828.png Если всё правильно понял с выше сказанного, то как то так - https://jsfiddle.net/g2cvgk6j/ Quote Link to post Share on other sites
muchachosll 0 Posted November 5, 2017 Author Report Share Posted November 5, 2017 2 минуты назад, YahooЕЮ сказал: Если всё правильно понял с выше сказанного, то как то так - https://jsfiddle.net/g2cvgk6j/ Вот сайт - https://www.behance.net/ Справа вверху, ADOBE Quote Link to post Share on other sites
YahooЕЮ 322 Posted November 5, 2017 Report Share Posted November 5, 2017 3 минуты назад, muchachosll сказал: Вот сайт - https://www.behance.net/ Справа вверху, ADOBE и.... Quote Link to post Share on other sites
muchachosll 0 Posted November 5, 2017 Author Report Share Posted November 5, 2017 2 минуты назад, YahooЕЮ сказал: и.... Что и....? Тут картинка, вместе с текстом меняет цвет при наведении. А просто изметить фон в 2-х блоках при наведении, я и сам могу сделать! Quote Link to post Share on other sites
YahooЕЮ 322 Posted November 5, 2017 Report Share Posted November 5, 2017 4 минуты назад, muchachosll сказал: Что и....? Тут картинка, вместе с текстом меняет цвет при наведении. А просто изметить фон в 2-х блоках при наведении, я и сам могу сделать! Формулировать нужно правитьно свой вопрос, это первое, а второе если можете сами сделать... так делайте, кто вам мешает. Вы же вебмаетер!!! Quote Link to post Share on other sites
muchachosll 0 Posted November 5, 2017 Author Report Share Posted November 5, 2017 1 минуту назад, YahooЕЮ сказал: Формулировать нужно правитьно свой вопрос, это первое, а второе если можете сами сделать... так делайте, кто вам мешает. Вы же вебмаетер!!! ну в вы если не можете, то не нужно вообще писать! Quote Link to post Share on other sites
muchachosll 0 Posted November 5, 2017 Author Report Share Posted November 5, 2017 2 минуты назад, YahooЕЮ сказал: Формулировать нужно правитьно свой вопрос, это первое, а второе если можете сами сделать... так делайте, кто вам мешает. Вы же вебмаетер!!! я спрашиваю тех кто знает, а не тех кто только хочет показать, что типо может Quote Link to post Share on other sites
YahooЕЮ 322 Posted November 5, 2017 Report Share Posted November 5, 2017 Ладно, пойду я пиво пить. А ВЕБМАСТЕРУ muchachosll гугл в помощь, раз понятия в HTML нет. Quote Link to post Share on other sites
muchachosll 0 Posted November 5, 2017 Author Report Share Posted November 5, 2017 3 минуты назад, YahooЕЮ сказал: Ладно, пойду я пиво пить. А ВЕБМАСТЕРУ muchachosll гугл в помощь, раз понятия в HTML нет. я думал только танкисты тупые, хотя есть еще и гуру такие Quote Link to post Share on other sites
petroff 643 Posted November 5, 2017 Report Share Posted November 5, 2017 1 час назад, muchachosll сказал: Вот сайт - https://www.behance.net/ Справа вверху, ADOBE Это логотип - один объект Quote Link to post Share on other sites
muchachosll 0 Posted November 5, 2017 Author Report Share Posted November 5, 2017 1 минуту назад, petroff сказал: Это логотип - один объект Спасибо. А как это сделать? Quote Link to post Share on other sites
petroff 643 Posted November 5, 2017 Report Share Posted November 5, 2017 59 минут назад, muchachosll сказал: Спасибо. А как это сделать? Стилями, надо гуглить. У YahooЕЮ можете спросить Quote Link to post Share on other sites
muchachosll 0 Posted November 5, 2017 Author Report Share Posted November 5, 2017 Только что, petroff сказал: Стилями, надо гуглить. У YahooЕЮ можете спросить ну да, он может)) Quote Link to post Share on other sites
desg 55 Posted November 5, 2017 Report Share Posted November 5, 2017 Это делается элементарно, но если бы Вы задали нормально вопрос ответ получили бы сразу... <a href="ваша ссылка"><span>сюда иконку</span>здесь текст</a> стили пишите для тега а, а в span вставляете иконку Quote Link to post Share on other sites
Модератор Воланд 5016 Posted November 5, 2017 Модератор Report Share Posted November 5, 2017 3 часа назад, muchachosll сказал: я думал только танкисты тупые предупреждение... Вам человек помочь пытается, Вы его обзываете..недолго тут протянете с такими закидонами....не нравятся бесплатные ответы? идите и наймите человека за деньги! SeoSergey and Ментор 2 Quote Link to post Share on other sites
Bob 7 Posted November 5, 2017 Report Share Posted November 5, 2017 8 часов назад, muchachosll сказал: Как сделать, чтобы картинка и текст был в одну линию и при этом при наведении это была одна ссылка, чтобы менялся цвет как у картинки так и у текста одновременно? Проблема школоло в том, что они даже не смотрят на код который им дают, мало того они не понимают, что данный код правильный. В голове одно, я пришёл на форум написал что я хочу и жду что мне преподнесут на тарелочке с голубой коёмочкой именно то что хочу. Что просил ТС то и получил, а если не дошло советую загуглить что из себя представляет атрибут "colspan" и зачем он нужен. Вместо того чтобы хамить и ныть, учите html. Quote Link to post Share on other sites
Canek123 48 Posted November 6, 2017 Report Share Posted November 6, 2017 18 часов назад, YahooЕЮ сказал: Если всё правильно понял с выше сказанного, то как то так - https://jsfiddle.net/g2cvgk6j/ ты серьезно? таблицей? господи. ТС <div class="container"> <a href="#"></a> <div class="logo">LOGO</div> <div class="text">TEXT</div> </div> CSS: .container {position:relative; height:100px;} .container a { display:block; position:absolute; width:100%; height:100%; left:0px; top:0px;} .logo, .text { float:left; height:100px;} .container:hover .logo { color:red; } .container:hover .text { color:green; } https://jsfiddle.net/6p1bsxdc/1/ Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.