Нужна помощь в верстке

[muchachosll 0]

Как сделать, чтобы картинка и текст был в одну линию и при этом при наведении это была одна ссылка, чтобы менялся цвет как у картинки так и у текста одновременно?

http://i066.radikal.ru/1711/0e/50c482598828.png

 

[muchachosll 0]

А если точнее, то так! 

http://s009.radikal.ru/i307/1711/84/47b6c0791450.jpg

[Canek123 48]

и там и там float:left;

[muchachosll 0]

это ul c 2-мя li. И мне нужен совет или код, как сделать чтобы катринка была в ровень с текстом, при этом чтобы это был 1 элемент

[YahooЕЮ 322]

42 минуты назад, muchachosll сказал:

Как сделать, чтобы картинка и текст был в одну линию и при этом при наведении это была одна ссылка, чтобы менялся цвет как у картинки так и у текста одновременно?

http://i066.radikal.ru/1711/0e/50c482598828.png

 

Если всё правильно понял с выше сказанного, то как то так - https://jsfiddle.net/g2cvgk6j/

[muchachosll 0]

2 минуты назад, YahooЕЮ сказал:

Если всё правильно понял с выше сказанного, то как то так - https://jsfiddle.net/g2cvgk6j/

Вот сайт - https://www.behance.net/

Справа вверху, ADOBE

[YahooЕЮ 322]

3 минуты назад, muchachosll сказал:

Вот сайт - https://www.behance.net/

Справа вверху, ADOBE

и....

[muchachosll 0]

2 минуты назад, YahooЕЮ сказал:

и....

Что и....? Тут картинка, вместе с текстом меняет цвет при наведении. А просто изметить фон в 2-х блоках при наведении, я и сам могу сделать!

[YahooЕЮ 322]

4 минуты назад, muchachosll сказал:

Что и....? Тут картинка, вместе с текстом меняет цвет при наведении. А просто изметить фон в 2-х блоках при наведении, я и сам могу сделать!

Формулировать нужно правитьно свой вопрос, это первое, а второе если можете сами сделать... так делайте, кто вам мешает. Вы же вебмаетер!!!

 

[muchachosll 0]

1 минуту назад, YahooЕЮ сказал:

Формулировать нужно правитьно свой вопрос, это первое, а второе если можете сами сделать... так делайте, кто вам мешает. Вы же вебмаетер!!!

 

ну в вы если не можете, то не нужно вообще писать! 

[muchachosll 0]

2 минуты назад, YahooЕЮ сказал:

Формулировать нужно правитьно свой вопрос, это первое, а второе если можете сами сделать... так делайте, кто вам мешает. Вы же вебмаетер!!!

 

я спрашиваю тех кто знает, а не тех кто только хочет показать, что типо может

[YahooЕЮ 322]

Ладно, пойду я пиво пить.

А ВЕБМАСТЕРУ muchachosll гугл в помощь, раз понятия в HTML нет.

[muchachosll 0]

3 минуты назад, YahooЕЮ сказал:

Ладно, пойду я пиво пить.

А ВЕБМАСТЕРУ muchachosll гугл в помощь, раз понятия в HTML нет.

я думал только танкисты тупые, хотя есть еще и гуру такие

[petroff 643]

1 час назад, muchachosll сказал:

Вот сайт - https://www.behance.net/

Справа вверху, ADOBE

Это логотип - один объект

[muchachosll 0]

1 минуту назад, petroff сказал:

Это логотип - один объект

Спасибо. А как это сделать?

[petroff 643]

59 минут назад, muchachosll сказал:

Спасибо. А как это сделать?

Стилями, надо гуглить. У YahooЕЮ можете спросить 

[muchachosll 0]

Только что, petroff сказал:

Стилями, надо гуглить. У YahooЕЮ можете спросить 

ну да, он может))

[desg 55]

Это делается элементарно, но если бы Вы задали нормально вопрос ответ получили бы сразу...

<a href="ваша ссылка"><span>сюда иконку</span>здесь текст</a>

стили пишите для тега а, а в span вставляете иконку  

[Воланд 5016]

3 часа назад, muchachosll сказал:

я думал только танкисты тупые

предупреждение...

Вам человек помочь пытается, Вы его обзываете..недолго тут протянете с такими закидонами....не нравятся бесплатные ответы? идите и наймите человека за деньги!

[Bob 7]

8 часов назад, muchachosll сказал:

Как сделать, чтобы картинка и текст был в одну линию и при этом при наведении это была одна ссылка, чтобы менялся цвет как у картинки так и у текста одновременно?

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

В голове одно, я пришёл на форум написал что я хочу и жду что мне преподнесут на тарелочке с голубой коёмочкой именно то что хочу.

Что просил ТС то и получил, а если не дошло советую загуглить что из себя представляет атрибут "colspan" и зачем он нужен.

Вместо того чтобы хамить и ныть, учите html.

 

[Canek123 48]

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/