رفتن به مطلب

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


پست های پیشنهاد شده

سلام

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

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

چجوری ؟

لینک به ارسال

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

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

لینک به ارسال

دو تا 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>

لینک به ارسال

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


<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>

لینک به ارسال

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

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

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

بعد اومدم عکس توش گذاشتم حالا میخوام عکس ها را از توی 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>

لینک به ارسال

کدوم یکی از این 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>

لینک به ارسال

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

لینک به ارسال

مرسی 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>

لینک به ارسال

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

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

لینک به ارسال

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

مثلا :


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

لینک به ارسال

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

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

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

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

لینک به ارسال

مرسی 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>

عکسشو بذار

لینک به ارسال

آقا مرتضی :

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

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

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

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

وحید :

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

post-10-0-35881900-1338958980_thumb.png

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...