قراردادن متن روی تصویردرhtml

وبمستر

توسط hasti در 6 سال پیش
0 39.7k 3 6 سال پیش
hasti daniel php1
0

درود برشما.
شرمنده میخواستم بدونم چه جوری میتونیم تو htmlروی عکس متنی بنویسیم(اصلا این قابلیت وجود داره یا باید از طریق فتوشاپ این کار رو انجام داد)؟

0

سلام
کد کامل:

<!DOCTYPE html>
<html>
<head>
	<title>Title of document</title>
	<meta charset="utf-8" />
</head>
<body>
<style text="text/css">
#textonimg {
	position: relative;
	left: -250px;
	top: -100px;
	font-size: 30px;
}
</style>
<div id="imgc">
<img src="http://www.softafzar.net/support-us/images/300_250.gif" alt="salogo" />
<span id="textonimg">text on image</span>
</div>
</body>
</html>
0

مچکرم
میشه این کد رو نگاه کنید مشکل منو برطرف کنید(مشکلم اینه که میخوام این متن کنار تصویرم قرار بگیره و لی میره زیر عکسم)

<style type="text/css"> body { background-color:#000; } #header { text-align:center; color:#FFF; } #img1 { text-align:justify; color:#F90; } #h2 { color:#FFF; } </style> </head> <body>
<div id="header"><img src="tooplate_fp_wrapper-copy3.jpg" alt="khorshid" width="1170"/></div>
<br />
<h2 id="h2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Who We Are</h2>
<div id="img1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img src="tooplate_image_01.jpg" alt="orange" align="top" />&nbsp;&nbsp;Maecenas tristique lobortis nisl, ac varius nulla consequat a. Nam</p>

egestas mi nec tortor molestie accumsan tempus diam egestas. Sed dapibus erat sapien, a faucibus arcu.
</div>

0

سلام دوست عزیز
کدارو تو بلاک کد باید بذاری
دیگه کدو که داد کاری نداره!

h2#h2 {
position: relative;
top: -200px;
left: 50px;
}

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.