برداشتن نوار آبی دور عکس های لینک

[student91]

سلام
با چه استایلی میشه نوار آبی دور عکس ها رو زمانی که به عنوان یک لینک لحاظ میشه رو حذف کرد؟

[hamid_shrk]

سلام،
کافیه تو Css بنویسید :

img
{
border:0px;
}

[mehdi.mousavi]

سلام با چه استایلی میشه نوار آبی دور عکس ها رو زمانی که به عنوان یک لینک لحاظ میشه رو حذف کرد؟

سلام.
این سوال نشون میده از CSS Reset ها استفاده نمی کنید. توصیه می کنم یه CSS Reset خوب پیدا کنید تا همه اندازه ها و Style ها رو در ابتدا Normalize کنید، سپس اقدام به نوشتن Style های خودتون کنید. بطور مثال، Eric Meyer یه CSS Reset (http://meyerweb.com/eric/tools/css/reset/) ای نوشته که این کارو روی المنت های Img (و دیگر المنت ها) انجام میده.

موفق باشید.

[e_a_23]

سلام
میشه بفرمایید چطوری از CSS Reset استفاده کنیم؟

[mehdi.mousavi]

سلام میشه بفرمایید چطوری از CSS Reset استفاده کنیم؟

سلام.
کافیه تا CSS زیر رو در ابتدای CSS هایی که خودتون قصد نوشتنش رو دارید قرار بدید:

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

لطفا دقت کنید. کد فوق به نوشته Eric Meyer هستش (که قبلا آدرسش رو دادم). CSS Reset های زیادی وجود داره، که این، یکی از CSS های محبوب در این زمینه هستش.

موفق باشید.

[Saber Mogaddas]

سلام
با کد زیر می تونید border رو حذف کنید ..


img
{ border-style: none;
}


موفق باشی..

[mehdi.mousavi]

سلام با تشکر از آقای موسوی فکر نکنم که نیازی به css reset به این کاملی داشته باشید.. با کد زیر می تونید border رو حذف کنید .. موفق باشی..

سلام.
لطفا دقت کنید. مساله حذف کردن یک border ساده نیست. وقتی از CSS Reset ها استفاده کنید، اونوقت همگی Browser ها در حالت پیش فرض مورد نظر شما قرار میگیرن. بطور نمونه دیگه IE،
default padding خودش رو نخواهد داشت، یا Google Chrome، سایز فونت ها رو به اونی که شما در CSS Reset تعیین کرده اید، تغییر خواهد داد و .... با این کار، نه تنها border اون تصویر از بین میره،
بلکه همه Browser ها رو در حالت Reset قرار میدید، تا بر اساس مقادیر مورد نظر شما محاسبات رو انجام بدن.

اگر اینکارو نکنید، IE از بالای صفحه N پیکسل فاصله میده، در حالیکه Firefox ممکنه همون فاصله از بالا رو M پیکسل گرفته باشه (که N != M هستش). بنابراین، وقتی صفحات طراحی شده خودتون
رو در Browser های مختلف مشاهده کنید، متوجه تفاوت حاشیه ها، تفاوت فاصله خطوط از هم و ... خواهید شد.

پس بهتره، کار رو یک بار درست از بیخ و بن انجام داد، تا اینکه الان border تصویر رو حذف کنم، فردا فاصله خطها رو ببینم و بخوام درستش کنم و ... :)

موفق باشید.

[Saber Mogaddas]

سلام
با تشکر از پاسخ آقای موسوی..
مسلما باید از css reset تو طراحی وب استفاده کرد..وگرنه از مقدار های پیش فرض مشکلات زیادی تو مرورگر های مختلف پیش می یاد..اگه دقت کنیم این کد که من گذاشتم نیز یک reset برای تگ img هست
پاسخ من دقیقا چیزی بود که می خواهید و می تونید تو css reset ای که برای تگ های که استفاده کردید جایگزاری کنید..
برای حذف مقادیر پیش فرض تگ ها هم css reset زیر رو پیشنهاد می کنم..

*
{
margin: 0;
padding: 0;
}

[cyrusthegreat]

سلام
با تشکر از پاسخ آقای موسوی..
مسلما باید از css reset تو طراحی وب استفاده کرد..وگرنه از مقدار های پیش فرض مشکلات زیادی تو مرورگر های مختلف پیش می یاد..اگه دقت کنیم این کد که من گذاشتم نیز یک reset برای تگ img هست
پاسخ من دقیقا چیزی بود که می خواهید و می تونید تو css reset ای که برای تگ های که استفاده کردید جایگزاری کنید..
برای حذف مقادیر پیش فرض تگ ها هم css reset زیر رو پیشنهاد می کنم..

*
{
margin: 0;
padding: 0;
}


در نظر داشته باشید، که سلکتور های CSSای که تعداد زیادی از المان های صفحه رو انتخاب می کنن، در کند شدن صفحه بسیار بسیار تاثیر گذار هستن. دلیلش هم خیلی ساده است: چون ممکنه در یک صفحه، ما 100تا تگ داشته باشیم. حالا بخواییم بین تمام این تگها تک تک بریم جلو و انتخابشون کنیم و این مقادیر رو بدیم بهینه تر هست یا اینکه از بین تگ های div که مثلا در صفحه 20 تا هستن؟

همچنین مرورگرهای قدیمی همچون IE6 به پایین با این انتخابگر مشکل دارن.

پس بطور کلی استفاده از * سلکتور پیشنهاد نمی شه. حتی استفاده از این انتخابگر برای مواردی همچون div.star * هم توصیه نمی شه. دلایلش زیاد هستن. ولی می تونید این مقالات رو بخونید تا بیشتر آَشنا بشید:

http://www.stevesouders.com/blog/2009/06/18/simplifying-css-selectors/
http://css-tricks.com/forums/discussion/1543/the-selector/p1
http://www.stevesouders.com/blog/2009/03/10/performance-impact-of-css-selectors/
http://stackoverflow.com/questions/1714096/why-is-the-css-star-selector-considered-harmful