لینک دار کردن عکس

[aminq10 50]

سلام

یه تصویر توی css تعریف کردم

میخوام توی صفحه html عکس که توی Css تعریف کردم را لینک دار کنم ...

چجوری ؟

[Morteza 34190]

این عکس به چه صورت تعرفی شده؟

بدون کد که نمیشه کمکی کرد.

[aminq10 50]

بصورت زیر در css

.vpn1 {
    background: url(//netgozar.in/img/1.png) no-repeat center;
}

[NESTED 4295]

این کلاس رو در بین یک div تعریف کردین ؟

[aminq10 50]

بله

[Parsa 23463]

خب تگ div رو لینک دار کنید!

[aminq10 50]

خوب کردم نمیشه

[aminq10 50]

دو تا div را میشه تو هم تعریف کرد ؟

آخه من یه عکس تعریف کردم برای بکگراند و چند تا div دیگه تو اون تعریف کردم اما نشون نمیده ... بصورت زیر

	    <div class="sidebar" >
	    <div class="tes" ></div>
	    <div class="supor" ></div>
	    <div class="dllll" ></div>
	    <div class="addressssss" ></div>
	    <div class="fbook" ></div>
	    <div class="nama" ></div>
	    </div>

[Parsa 23463]

در سایتم دقیقا همین کار رو برای لوگوی سایت انجام دادم

<a href="http://parsa.ws/" title="طراحی وب پارسا">
<div class="logo_p"></div>
</a>

برای نمونه:

<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.p {
width:100px;
background-color:#0CF;
}
.p1{
width:33%;
height:100px;
background-color:#0F9;
}
.p2{
width:33%;
height:100px;
background-color:#CC6;
}
.p3{
width:33%;
height:100px;
background-color:#963;
}
</style>
</head>
<body>
<a href="faf">
    <div class="p">
	    <div class="p1">sad</div>
	    <div class="p2">asd</div>
	    <div class="p3">asd</div>
    </div>
</a>
</body>
</html>

[aminq10 50]

نگرفتم چی شد ...

ببین پارسا جان

من یه عکس کلی تعریف کردم برای بکگراند مثلا سایدبار

بعد اومدم عکس توش گذاشتم حالا میخوام عکس ها را از توی css فراخوانی کنم ...

کد های من ...

	   <div class="sidebar" >
		    <div class="tes" ></div>
		    <div class="supor" ></div>
		    <div class="dllll" ></div>
		    <div class="addressssss" ></div>
		    <div class="fbook" ></div>
		    <div class="nama" ></div>
	   </div>

[NESTED 4295]

کدوم یکی از این div زیر دارای استایل اون عکس هست :

				    <div class="tes" ></div>
				    <div class="supor" ></div>
				    <div class="dllll" ></div>
				    <div class="addressssss" ></div>
				    <div class="fbook" ></div>
				    <div class="nama" ></div>

[aminq10 50]

منظورت را نفهمیدم کدوم عکس ؟

[NESTED 4295]

خب داری میگی یکی از این div استایلش دارای یک عکس هست خب شما بگو کدومش اون استایل رو داره

[Vahid 863]

اینم امتحان کنید

<a href="address" class="sample">Example Link</a>

[aminq10 50]

مرسی vahid جان حالا نمایش میده ولی وسطش example link میاد و فقط اندازه یک مستطیل تا جایی که eample link هست را نمایش میده بقیش را نمایش نمیده

اگه منظورم را گرفتی که هیچ اگه نگرفتی بگو تا عکسش را بزارم ...

مرتضی جان همش عکسه فقط div اولی بکگرانده ...

		   <div class="sidebar" > عکس بکگراند
				    <div class="tes" ></div> این عکس
				    <div class="supor" ></div>  اینم عکس
				    <div class="dllll" ></div> اینم عکس
				    <div class="addressssss" ></div>اینم عکس
				    <div class="fbook" ></div>اینم عکس
				    <div class="nama" ></div>اینم عکس
		   </div>

[Parsa 23463]

فکر میکنم شما width و height رو تنظیم نکردید

به مثالم یه نگاه بیندازید

[aminq10 50]

چرا بعدا تعریف کردم بازم نشد ...

مثلا :

.vpn1 {
    background: url(//netgozar.in/img/1.png) no-repeat center;
    width=100;
    height=100;
}

[Morteza 34190]

شما یک div کلی دارید که بکگراند داره.

بعد هم داخلش چند تا عکس هست.

حالا میخواین اونی که بکگراند هست لینک بشه.

عکسهای داخل هم لینک دار بشن یا نشن؟

[Vahid 863]

مرسی vahid جان حالا نمایش میده ولی وسطش example link میاد و فقط اندازه یک مستطیل تا جایی که eample link هست را نمایش میده بقیش را نمایش نمیده

اگه منظورم را گرفتی که هیچ اگه نگرفتی بگو تا عکسش را بزارم ...

مرتضی جان همش عکسه فقط div اولی بکگرانده ...

		   <div class="sidebar" > عکس بکگراند
					<div class="tes" ></div> این عکس
					<div class="supor" ></div>  اینم عکس
					<div class="dllll" ></div> اینم عکس
					<div class="addressssss" ></div>اینم عکس
					<div class="fbook" ></div>اینم عکس
					<div class="nama" ></div>اینم عکس
		   </div>

عکسشو بذار

[aminq10 50]

آقا مرتضی :

من یه div کلی دارم که بکگراند

و 6 تا عکس که داخل این div هست ...

حالا من میخوام این 6 تا عکسم هم با div تعریف کنم

اصن وقتی 6 تا را تعریف میکنم نمیاد اگه میومد که لینک دار کردنش کاری نداره

وحید :

بفرما اینم عکس البته این عکس ها با استفاده از تگ img اوردم فقط بکگراندش با div چون اون عکس ها نمیاد ...

[Morteza 34190]

نمونه ایی که پیوست کردم رو چک کن.

css_sprites.rar