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

وبمستر

توسط hasti در 4 سال پیش
0 918 3 4 سال پیش
hastidanielphp1
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;
}

خوش آمدید

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

لطفا ابتدا لاگین کنید