Sign in to follow this  
Followers 0
muchachosll

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

21 posts in this topic

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

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
1 минуту назад, petroff сказал:

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

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

Share this post


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

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

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

Share this post


Link to post
Share on other sites
Только что, petroff сказал:

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

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

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 сказал:

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

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

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

SeoSergey and Ментор like this

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.