текст поверх картинки с рамкой

@Frezz · Регистрация: 08.10.2013

Студворк — интернет-сервис помощи студентам

как написать текст по верх картинки с рамкой вот код картинки и рамки

HTML5
1
2
3
4
<div align="top" style="margin-right: 20px;">
 
<div style="width: 183px; height: 103px; color: #808080; background: #808080; border: 10px #808080 solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml- border-radius: 10px; border-radius: 10px; padding: 5px;"><img src="index.jpg" style="margin-left: 2px;"
width="180" height="100">

как на нее наложить текст что бы получилось так..

не понимаю совсем

Добавлено через 1 час 54 минуты

HTML5
1
2
3
4
5
6
7
8
9
<div align="top" style="margin-right: 20px;">
 
<div style="width: 183px; height: 103px; color: #808080; background: #808080; border: 10px #808080 solid; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-

border-radius: 10px; border-radius: 10px; padding: 5px;">
<div style="background:url(index.jpg);width:180px; height:100px; color:#000; text-align:center;"><li>Шапокляк</li></div>
 
</div>
</div>

сделал так, получилось это то что мне надо почти, но нужно что бы изображение было в рамке нормально и подвинуть его немного в верх что бы было похожу на рисунок который выше скинул

@maximus2011 · 09.10.2013, 18:40

ну беда то в чем? бэкгроундом картинку и все, весь текст по верху пойдет

@Frezz · 09.10.2013, 23:05 **[ТС]**

честно не понимаю. голова не варит уже.. а сдавать уже завтра, осталось ток это..подскажи что и куда вставить

Добавлено через 4 часа 23 минуты
помогите пожалуйста, люди..

@Justff · 10.10.2013, 01:05

Сообщение от Frezz

честно не понимаю. голова не варит уже.. а сдавать уже завтра, осталось ток это..подскажи что и куда вставить

Добавлено через 4 часа 23 минуты
помогите пожалуйста, люди..

задай класс нужной ячейке, чтобы добавить фоновую картинку используй свойство background-image:url(путь к картинке);

далее можешь её расположить где надо с помощью свойства background-position, значения для свойства можешь посмотреть например здесь

@Frezz · 10.10.2013, 01:06 **[ТС]**

я уже пробывал.. не получается у меня.. все через ж... выходит, можешь написать мне код?

Новые блоги и статьи Все статьи Все блоги /
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .

@maximus2011 269 / 261 / 35 Регистрация: 21.02.2012 Сообщений: 1,078
	09.10.2013, 18:40
	ну беда то в чем? бэкгроундом картинку и все, весь текст по верху пойдет 0

@Frezz 0 / 0 / 0 Регистрация: 08.10.2013 Сообщений: 9
	09.10.2013, 23:05 [ТС]
	честно не понимаю. голова не варит уже.. а сдавать уже завтра, осталось ток это..подскажи что и куда вставить Добавлено через 4 часа 23 минуты помогите пожалуйста, люди.. 0

@Frezz 0 / 0 / 0 Регистрация: 08.10.2013 Сообщений: 9
	10.10.2013, 01:06 [ТС]
	я уже пробывал.. не получается у меня.. все через ж... выходит, можешь написать мне код? 0