Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
Nuel
0 / 0 / 0
Регистрация: 06.04.2014
Сообщений: 11
#1

Текст поверх картинки и всё это ссылка - HTML, CSS

06.04.2014, 19:36. Просмотров 271. Ответов 0
Метки нет (Все метки)

"Текст поверх картинки и всё это ссылка / HTML, CSS." Нашёл как это сделать, у вас на форуме. Но не понимаю как это работает.
HTML5
1
<div class="d"><a href="2.html"><img src="b1.png"><p>Кнопка 1</p></a></div>
CSS
1
2
3
4
5
6
7
8
9
10
11
.d {
 width:145px;
 height:45px;
 position:relative;
 margin-left: 500px;
}
p {position:absolute;
 top:-4px;
 left:46px;
 color: white;
}
С .d, div, a и img всё понятно. Но вот почему именно "p", почему именно с "p" у меня всё получилось. И почему у него немного отличающийся от остального код CSS.
CSS
1
2
3
4
5
p {position:absolute;
 top:-4px;
 left:46px;
 color: white;
}
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
06.04.2014, 19:36
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Текст поверх картинки и всё это ссылка (HTML, CSS):

Ссылка поверх картинки - HTML, CSS
Здраствуйте, подскажите пожалуйсто как мне сделать текст или ссылку поверх картинки если я пишк&lt;a href=&quot;&quot; &gt;Text&lt;/a&gt;&lt;img src=&quot;&quot;&gt;то ссылка...

Позиционирование объекта поверх картинки и ссылка под ней - HTML, CSS
Доброй ночи. У меня вопрос по позиционированию поверх изображения. Есть у меня картинка, при наведении на неё она затемняется и на ней...

Текст поверх картинки - HTML, CSS
И как потом разместить текст поверх картинки? пожалуйста ;(

Текст поверх картинки - HTML, CSS
есть картинки в виде кнопок, которые являются ссылками, как вписать в них текст типа &quot;Главная&quot;, &quot;Разделы&quot; и тд.

Текст поверх картинки - HTML, CSS
Нужна помощь. Необходимо расположить текст поверх картинки, так, если текст начинает превышать размеры самой картинки, блоки начинали...

Текст поверх картинки - HTML, CSS
Добрый день, перечитал много чего, но так и не понял На сайте если опустить вниз будет 3 прямоугольника зелёных, подскажите, как...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
06.04.2014, 19:36
Привет! Вот еще темы с ответами:

Текст поверх картинки - HTML, CSS
Привет у меян проблема...вот у меня сайт типо.....там меня шапка...подвал..меню слево..и с права информация я фставил туда картинку...

текст поверх картинки - HTML, CSS
как поместить текст поверх картинки?

Текст поверх картинки - HTML, CSS
Весь форум перерыла, похожих тем полно, но ничего не получается... как сделать так, чтобы картинка была в центре и на ней можно было...

Текст поверх картинки - HTML, CSS
Как добавить текст поверх картинки? Чтобы можно было выделить и так далее


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru