مشکل در تراز عکس

[arshialove 28]

سلام

زیر هدر یه بنر گذاشتم میخام ترازش بیاد وسط.هرکا کردم نشد

چه کدی بزارم که بیاد وسط؟؟

[np.1400 542]

سلام.

چند راه داره:

1- برای استایل:

margin: 0 auto;

2- برای استایل:

float: center;

3- یه div دیگه با عرض 100% درست کنید و بهش کد ریزو بدید و عکس رو داخل اون div قرار بدید.

text-align:center

[arshialove 28]

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

میشه ساده تر بگی بفهمم

[aliali 8]

سلام

همانطور که mostfa گفته باید یکی از این کدها رو به سی اس اس همون باکس بنر اضافه کنی.

[SM-Mahdavi 5427]

متوجه نمیشید آدرس آنلاین بزارید دقیق تر میشه کمک کرد.

[arshialove 28]

تشکر از دوستان.

ببینید مثلا من یه عکس دارم .این آدرس عکس

http://shabhayetanhayi.ir/wp-content/uploads/Untitled-1.gif

لینکی که میخاد روش کلیک بشه و به صفحه مورد نظر منتقل بشه اینه

http://shabhayetanhayi.ir/%D8%B4%D8%A8-%D9%87%D8%A7%DB%8C-%D8%AA%D9%86%D9%87%D8%A7%DB%8C%DB%8C-2/

حالا من میخام دوتا عکس مثل همین زیر هم و در تراز وسط بعد از هدر بزارم!از چه کدی استفاده کنم و کجا بزارم این کد رو؟

[np.1400 542]

این استاندارد ترین حالتشه:

<div style="width:100%; text-align:center">
<a href="http://shabhayetanhayi.ir/%D8%B4%D8%A8-%D9%87%D8%A7%DB%8C-%D8%AA%D9%86%D9%87%D8%A7%DB%8C%DB%8C-2/">
<img src="http://shabhayetanhayi.ir/wp-content/uploads/Untitled-1.gif" width="570" height="100" alt="" title="" />
</a>
</div>
<br />
<div style="width:100%; text-align:center">
<a href="http://shabhayetanhayi.ir/%D8%B4%D8%A8-%D9%87%D8%A7%DB%8C-%D8%AA%D9%86%D9%87%D8%A7%DB%8C%DB%8C-2/">
<img src="http://shabhayetanhayi.ir/wp-content/uploads/Untitled-1.gif" width="570" height="100" alt="" title="" />
</a>
</div>

داخل alt و title رو پر کنید و بذارید پایینتر از

</header>

ممکنه تو فایل header.php باشه ممکنه تو index.php باشه و...

ویرایش شده آذر 93 توسط mostafa.10

[arshialove 28]

داداش.توی index بعد از </header> که میزارم اصلا نمیاد

ولی توی

header.php که میزارم میاد ولی تراز اولی میره سمت چپ.دومی میره وسط.چکار کنم؟؟؟

[np.1400 542]

از این کد استفاده کنید:

<div style="clear:both;"></div>
<div style="width:100%; text-align:center!important;">
<a href="http://shabhayetanhayi.ir/%D8%B4%D8%A8-%D9%87%D8%A7%DB%8C-%D8%AA%D9%86%D9%87%D8%A7%DB%8C%DB%8C-2/">
<img src="http://shabhayetanhayi.ir/wp-content/uploads/Untitled-1.gif" width="570" height="100" alt="" title="" />
</a>
</div>
<br />
<div style="width:100%; text-align:center">
<a href="http://shabhayetanhayi.ir/%D8%B4%D8%A8-%D9%87%D8%A7%DB%8C-%D8%AA%D9%86%D9%87%D8%A7%DB%8C%DB%8C-2/">
<img src="http://shabhayetanhayi.ir/wp-content/uploads/Untitled-1.gif" width="570" height="100" alt="" title="" />
</a>
</div>

[arshialove 28]

مرسی

مشکل برطرف شد.

[arshialove 28]

از این کد استفاده کنید:

<div style="clear:both;"></div>
<div style="width:100%; text-align:center!important;">
<a href="http://shabhayetanhayi.ir/%D8%B4%D8%A8-%D9%87%D8%A7%DB%8C-%D8%AA%D9%86%D9%87%D8%A7%DB%8C%DB%8C-2/">
<img src="http://shabhayetanhayi.ir/wp-content/uploads/Untitled-1.gif" width="570" height="100" alt="" title="" />
</a>
</div>
<br />
<div style="width:100%; text-align:center">
<a href="http://shabhayetanhayi.ir/%D8%B4%D8%A8-%D9%87%D8%A7%DB%8C-%D8%AA%D9%86%D9%87%D8%A7%DB%8C%DB%8C-2/">
<img src="http://shabhayetanhayi.ir/wp-content/uploads/Untitled-1.gif" width="570" height="100" alt="" title="" />
</a>
</div>

داداش سلام مجدد.یه سوال؟

مشکل من که برطرف شد ولی چرا هرعکسی رو که میزارم انداش با اندازه بنر بالاییش یکی میشه!

مثلا من بنر 498*60 رو با یک بنر بزرگتر گذاشتم هردوتاش به یه اندازه اومده.چ کنم؟

[np.1400 542]

سلام در کدهای بالا عبارت زیر به کار رفته که باید عوضش کنید.

width="570" height="100"

در ضمن سومین پست این تاپیک رو بخونید:

[arshialove 28]

ممنون از لطفت.پس باید طول و عرض عکس رو بهش بدم!

توی اون بهینه عکس ها هم عالی توضیح داده بودند.

مرسی