Jump to content
Sign in to follow this  
muchachosll

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

Recommended Posts

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

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

 

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
42 минуты назад, muchachosll сказал:

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

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

 

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

Share this post


Link to post
Share on other sites
2 минуты назад, YahooЕЮ сказал:

и....

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

Share this post


Link to post
Share on other sites
4 минуты назад, muchachosll сказал:

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

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

 

Share this post


Link to post
Share on other sites
1 минуту назад, YahooЕЮ сказал:

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

 

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

Share this post


Link to post
Share on other sites
2 минуты назад, YahooЕЮ сказал:

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

 

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

Share this post


Link to post
Share on other sites
3 минуты назад, YahooЕЮ сказал:

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites
3 часа назад, muchachosll сказал:

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

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

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

Share this post


Link to post
Share on other sites
8 часов назад, muchachosll сказал:

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

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

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

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

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

 

Share this post


Link to post
Share on other sites
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/

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...