نماد اعتماد الکترونیکی و نشان ملی ثبت در کنار یکدیگر

alirezagr7

تازه وارد
سلام

من قصد داشتم که مجوزهایی که برای فروش و وبسایت میگیرم به طور مرتب کنار یکدیگر قرار بدم و مثلا در ناحیه سایدبار صفحه پرداخت و سبد خرید قرار بدم (مانند تصویی که ضمیمه کردم)

اما نمیتونم کدهای html رو کنار یکدیگر قرار بدم و باعث میشه لوگو ها زیر هم قرار بگیرن و شکل نامنظمی داشته باشن. چطور میتونم هر 4 اوگو رو مثل این تصویر در ناحیه سایدبارم بیارم؟

You must be registered for see images attach


 

i3ooter

کاربر عضو
با سلام

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

توجه: مقادیر bottom را تغییر دهید تا مکان آن جابجا شود .

کد:
<div style="position: fixed; left: -16px; bottom: 155px; z-index: 300;">کد نماد در اینجا قرار دهد-1</div>
<div style="position: fixed; left: -16px; bottom: 155px; z-index: 300;">کد نماد در اینجا قرار دهد-2</div>
 
آخرین ویرایش توسط مدیر:

alirezagr7

تازه وارد
با سلام

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

توجه: مقادیر bottom را تغییر دهید تا مکان آن جابجا شود .

<div style="position: fixed; left: -16px; bottom: 155px; z-index: 300;">کد نماد در اینجا قرار دهد-1</div>
<div style="position: fixed; left: -16px; bottom: 155px; z-index: 300;">کد نماد در اینجا قرار دهد-2</div>

سلام. ممنونم از شما. مشکلی که هست اینه که این کد ها باعث میشه نماد در خارج از بخش سایدبار بیاد. الان من در ناحیه سایدبار یه ویجت text گذاشتم که داخلش میشه کد html قرار داد و میخواستم این 3-4 نماد رو به حالت کنار هم (مثل تصویری که ضمیمه شده) قرار بدم

 

Qalekhani

قلعه‌خانی
کدها رو درون جدول قرار دهید.

کد:
<table>
<tbody>
<tr>
<td>logo1</td>
<td>logo2</td>
</tr>
<tr>
<td>logo3</td>
<td>logo4</td>
</tr>
</tbody>
</table>
 

ُSajadfa.ir

کاربر عضو
کد CSS زیر رو آخر style.css قالبتون اضافه کنید:

.logoha{list-style:none;}
.logoha li{
float: right;
padding: 5px;
border:1px solid #f1f1f1;
width:50%;
}
.logoha:after {
content: '';
display: block;
clear: both;
}


و کد Html رو هرجایی که مناسب دیدید:

<ul class="logoha">
<li>Namad 1</li>
<li>Namad 2</li>
<li>Namad 3</li>
<li>Namad 4</li>
</ul>


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

موفق باشید.

 

alirezagr7

تازه وارد
کد CSS زیر رو آخر style.css قالبتون اضافه کنید:

.logoha{list-style:none;}
.logoha li{
float: right;
padding: 5px;
border:1px solid #f1f1f1;
width:50%;
}
.logoha:after {
content: '';
display: block;
clear: both;
}


و کد Html رو هرجایی که مناسب دیدید:

<ul class="logoha">
<li>Namad 1</li>
<li>Namad 2</li>
<li>Namad 3</li>
<li>Namad 4</li>
</ul>


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

موفق باشید.
آقا خدا خیرتون بده خیلی خوب همه چی درست شد... ممنون بازهم

فقط یه مشکلی تو لوگو ها هست...مثلا لوگوی نماد اعتماد بزرگتر از نشان ملی هست و باعث میشه اون نظم رو نداشته باشه خصوصا وقتی 4 عدد لوگو میخوایم بزاریم. چطوری کنم که هر 4 لوگو با یه نظم درست بیاد؟ انگار که 4 خانه داشته باشیم که این 4 خانه بزرگتر از خود لوگوها باشه اما بجاش تصاویر در مرکز این خانه ها قرار بگیره و تنظم کار حفظ بشه

 
آخرین ویرایش توسط مدیر:

alirezagr7

تازه وارد
کد CSS زیر رو آخر style.css قالبتون اضافه کنید:

.logoha{list-style:none;}
.logoha li{
float: right;
padding: 5px;
border:1px solid #f1f1f1;
width:50%;
}
.logoha:after {
content: '';
display: block;
clear: both;
}


و کد Html رو هرجایی که مناسب دیدید:

<ul class="logoha">
<li>Namad 1</li>
<li>Namad 2</li>
<li>Namad 3</li>
<li>Namad 4</li>
</ul>


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

موفق باشید.
به این فرم دراوردم اما نمیدونم چرا تصویر 4 ام همش میره پائین! هر سایزیم بدم به عکس تغییری نمیکنه

You must be registered for see images attach


 

ُSajadfa.ir

کاربر عضو
آقا خدا خیرتون بده خیلی خوب همه چی درست شد... ممنون بازهم

فقط یه مشکلی تو لوگو ها هست...مثلا لوگوی نماد اعتماد بزرگتر از نشان ملی هست و باعث میشه اون نظم رو نداشته باشه خصوصا وقتی 4 عدد لوگو میخوایم بزاریم. چطوری کنم که هر 4 لوگو با یه نظم درست بیاد؟ انگار که 4 خانه داشته باشیم که این 4 خانه بزرگتر از خود لوگوها باشه اما بجاش تصاویر در مرکز این خانه ها قرار بگیره و تنظم کار حفظ بشه
خواهش می کنم وظیفه بود.

اضافه بفرمایید:

کد:
.logoha li {height: 138px;}
 
بالا