PDA

View Full Version : سوال: لینک شدن کل لوگو



ab.ali
سه شنبه 17 تیر 1393, 15:32 عصر
سلام، یک کد HTML دارم به این صورت :


<a hre="#"><header></header></a>

و کد های CSS هم اینه :



header{
width:265px;
height:180px;
background-image:url(Logo.png);
margin:40px 0px 0px 0px}



کد های HTML داخل یک Container به عرض 960px قرار دادند، مسئله هم اینه که کل 960px با ارتفاع 180px لینک دار می شه، چی کار باید بکنم که فقط لوگو لینک دار بشه؟

parvizwpf
سه شنبه 17 تیر 1393, 15:44 عصر
این لینکو فقط برای لوکو خب بنویس. کد لوگو چیه؟

ab.ali
سه شنبه 17 تیر 1393, 15:51 عصر
این لینکو فقط برای لوکو خب بنویس. کد لوگو چیه؟

من از تگ header برای لوگو استفاده می کنم.

parvizwpf
سه شنبه 17 تیر 1393, 16:06 عصر
خب جواب خودتون رو دارید میدید . شما انتظار دارید همه هدر نره تو لینک؟ خب شما داخل هدر یک دیو برای لوگو درست کنید و اونو براش لینک بگذارید.

ab.ali
سه شنبه 17 تیر 1393, 16:17 عصر
خب جواب خودتون رو دارید میدید . شما انتظار دارید همه هدر نره تو لینک؟ خب شما داخل هدر یک دیو برای لوگو درست کنید و اونو براش لینک بگذارید.

خب من header رو 265px قرار دادم!

parvizwpf
سه شنبه 17 تیر 1393, 16:20 عصر
من هنوز حواسته شما رو درست نفهمیدم. شما میخواید کل این تصویر لینک بشه؟ یا نه

دانیال دزفولی
سه شنبه 17 تیر 1393, 17:00 عصر
من هنوز حواسته شما رو درست نفهمیدم. شما میخواید کل این تصویر لینک بشه؟ یا نه

کل کد هات که مربوط به سوالاته رو توی جی اس فیدل آپلود کن

mehbod.rayaneh
سه شنبه 17 تیر 1393, 20:13 عصر
درود
شما کلا چرا لقمه را میپیچونی دور سرت؟
ب هدر لینک دادی دیگه! نمیشه ک عکس بکگراندش فقط لینک بشه! میشه؟
من ک میگم نمیشه! ولی این مدلی میشه :


<header><a hre="#"></a></header>

و اینم سی اس اس :

header{

width:265px;

height:180px;

margin:40px 0px 0px 0px}
header a{ background-image:url(Logo.png);

}

البته 1 سری استایل باید ب لینک اضافه کنید!
پیروز باشید!

ab.ali
سه شنبه 17 تیر 1393, 22:18 عصر
درود
شما کلا چرا لقمه را میپیچونی دور سرت؟
ب هدر لینک دادی دیگه! نمیشه ک عکس بکگراندش فقط لینک بشه! میشه؟
من ک میگم نمیشه! ولی این مدلی میشه :


<header><a hre="#"></a></header>

و اینم سی اس اس :

header{

width:265px;

height:180px;

margin:40px 0px 0px 0px}
header a{ background-image:url(Logo.png);

}

البته 1 سری استایل باید ب لینک اضافه کنید!
پیروز باشید!

ممنون، ولی کار نکرد.

ab.ali
سه شنبه 17 تیر 1393, 22:22 عصر
من هنوز حواسته شما رو درست نفهمیدم. شما میخواید کل این تصویر لینک بشه؟ یا نه

ببینید دوست عزیز من داخل یک Container به عرض 960px یک لوگو با اندازه های 265 در 180 دارم و من اون لوگو با همون عرض و رتفاع رو می خوام لینک دار کنم، ولی مشکل اینه که به حای لینک دار شدن فقط 265 در 180، ارتفاع 180 باقی می مونه ولی عرضش 100% Container رو لینک دار می کنه، مثل عکس زیر:
120918

qartalonline
چهارشنبه 18 تیر 1393, 09:37 صبح
لوگو رو که اینجور تو سایت نمیذارن با تگ img لوگو رو نمایش بدید. مثلا بصورت زیر:

<header>
<a style="display:block" href="#"><img style="display:block" alt="لوگو" src="images/logo.png" width="200" height="80"></a>
</header>

ab.ali
چهارشنبه 18 تیر 1393, 13:44 عصر
ممنون ولی کد شما کار نمی کنه :


<a style="display:block" href="<?php bloginfo('url'); ?>"><img src="Logo.png" alt="Logo" width="265" height="180" style="display:block" /></a>

qartalonline
پنج شنبه 19 تیر 1393, 08:50 صبح
کد با لا مشکلی نداره فقط باید بسته به شرایط قالبتون یه سری جزییات اضافه کنید. کد پیچیده ای نیست که بگید اشتباه شده کار نمیکنه، باید مطابق نیازتون تغییر بدید من حالت کلی رو گفتم. باز اگه مشکلی داشتید به نمایش آنلاین بذارید یا همه کدهاتون رو بذارید تا بررسی بشه.