runy

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

5 پست در این موضوع قرار دارد

سلام

من میخوان در این تب منوی ساده در برگه هاش تصویر نشون بدم ولی نمایش نمیده

در لینک زیر هم دموش هست و هم کدش :


http://www.htmllion.com/jquery-tabs.html

کسی میدونه چرا؟

0

به اشتراک گذاری این پست


لینک به پست

درود.مشکلی نداره.شما چطور تصویرتون رو قرار می دید؟

2

به اشتراک گذاری این پست


لینک به پست

یک نمونه:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Untitled Document</title>

<style>

.clearfix:after {

content: ".";

display: block;

font-size: 0;

line-height: 0;

height: 0;

clear: both;

visibility: hidden;

}

.clearfix {

display: inline-block;

}

* html .clearfix {

height: 1%;

}

.clearfix {

display: block;

}

#tabs {

display: block;

}

.tabsmenu {

margin: 0;

padding: 0;

list-style: none;

}

.tabsmenu li {

float: left;

margin-left: 1px;

}

.tabsmenu li:first-child {

margin-left: 0

}

.tabsmenu li a {

display: block;

padding: 5px 10px;

background: #DDD;

border: solid 1px #DDD;

border-bottom: 0;

color: #000;

text-decoration: none;

position: relative;

}

.tabsmenu li a:hover, .tabsmenu li.active a {

background-color: #FFF;

padding-bottom: 6px;

margin-bottom: -1px;

}

.tabContainer {

padding: 10px 15px;

border: solid 1px #DDD;

display: none;

}

</style>

<script src="js/jquery.js"></script>

<script>

$(function(){

// Tabs Script

$('#tabs .tabContainer').hide();

getactiveTab = $(".tabsmenu li.active a").attr('data-id');

$("#"+getactiveTab).show();

$('.tabsmenu a').live('click touchend',function(event){

event.preventDefault()

$(this).parents('.tabsmenu').find('li').removeClass('active');

$(this).parent().addClass('active');

var currentTab = $(this).attr('data-id');

$(this).parents('#tabs').find('.tabContainer').hide();

$("#"+currentTab).show();

});

})

</script>

</head>

<body>

<h1>Easy to Use jQuery Tabs</h1>

<section>

<div id="tabs">

<ul class="tabsmenu clearfix">

<li class="active"><a href="#" data-id="tabone">Tabs One</a></li>

<li><a href="#" data-id="tabTwo">Tabs Two</a></li>

<li><a href="#" data-id="tabThree">Tabs Three</a></li>

<li><a href="#" data-id="tabFor">Tabs Four</a></li>

</ul>

<div class="tabContainer" id="tabone">

<h3>Tab One</h3>

<h1>اینجا تصویر قرار دارد</h1>

<img src="http://forum.wp-parsi.com/public/style_images/master/logo.png">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed laoreet ullamcorper enim, a elementum lorem fermentum a. Integer metus mi, porttitor sed orci ut, commodo tincidunt risus. Nulla felis sapien, tempor feugiat facilisis quis, ullamcorper vel nibh. Praesent in feugiat urna, eget adipiscing nibh. Curabitur sed risus eget risus ultrices sollicitudin congue id nisi. Vestibulum vitae massa eu erat lacinia ultricies. Mauris aliquam ornare leo nec porta. Nulla diam enim, sodales non quam sed, adipiscing posuere nibh. Morbi sed nisl felis.</p>

</div>

<div class="tabContainer" id="tabTwo">

<h3>Tab Two</h3>

<p>Sed laoreet ullamcorper enim, a elementum lorem fermentum a. Integer metus mi, porttitor sed orci ut, commodo tincidunt risus. Nulla felis sapien, tempor feugiat facilisis quis, ullamcorper vel nibh. Praesent in feugiat urna, eget adipiscing nibh. Curabitur sed risus eget risus ultrices sollicitudin congue id nisi. Vestibulum vitae massa eu erat lacinia ultricies. Mauris aliquam ornare leo nec porta. Nulla diam enim, sodales non quam sed, adipiscing posuere nibh. Morbi sed nisl felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>

</div>

<div class="tabContainer" id="tabThree">

<h3>Tab Three</h3>

<p>Praesent in feugiat urna, eget adipiscing nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed laoreet ullamcorper enim, a elementum lorem fermentum a. Integer metus mi, porttitor sed orci ut, commodo tincidunt risus. Nulla felis sapien, tempor feugiat facilisis quis, ullamcorper vel nibh. Curabitur sed risus eget risus ultrices sollicitudin congue id nisi. Vestibulum vitae massa eu erat lacinia ultricies. Mauris aliquam ornare leo nec porta. Nulla diam enim, sodales non quam sed, adipiscing posuere nibh. Morbi sed nisl felis.</p>

</div>

<div class="tabContainer" id="tabFor">

<h3>Tab For</h3>

<p>Curabitur sed risus eget risus ultrices sollicitudin congue id nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed laoreet ullamcorper enim, a elementum lorem fermentum a. Integer metus mi, porttitor sed orci ut, commodo tincidunt risus. Nulla felis sapien, tempor feugiat facilisis quis, ullamcorper vel nibh. Praesent in feugiat urna, eget adipiscing nibh. Vestibulum vitae massa eu erat lacinia ultricies. Mauris aliquam ornare leo nec porta. Nulla diam enim, sodales non quam sed, adipiscing posuere nibh. Morbi sed nisl felis.</p>

</div>

</div>

</section>

</body>

</html>

باید در قسمت div که بهش آیدی خاص اون تب رو داده وارد کنی عکس رو با کدی مثل کد زیر:


<img src="آدرس تصویر">

2

به اشتراک گذاری این پست


لینک به پست

ارسال شده در (ویرایش شده)

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


<div class="img"></div>

ویرایش شده در توسط amirali123
2

به اشتراک گذاری این پست


لینک به پست

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

ممنون دوستان

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط behnamstar
      سلام و عرض ادب
      من یه سایت وردپرسی دارم که به تازگی تغییر دامنه روش انجام دادم که بعد ازینکار مشکل عجیبی اتفاق افتاده 
      من دامنه ی https://damane1.co m رو ریدایرکت کردم به https://damane2.co m الان اتفاقی که میفته دامنه 1 ریدایرکت میشه روی دامنه 2 
      ولی زیر دامنه ها ریدایرکت نمیشن 
      مثلا روی این لینک کلیک بشه (https://damane1.co m/linksite) باید این لینک باز شه (https://damane2.co m/linksite)
      ولی این لینکها جدا جدا باز میشن 
      فقط دامنه https://damane1.co m روی https://damane2.co m ریدایرکت میشه بقیه ی لینک ها همه جدا جدا باز میشن.
      ممنون میشم از دوستان کمک کنن 
      حتی به هاست پشتیبانی هم تیکت دادم ولی متوجه مشکل نشدن.
    • توسط Timecity.ir
      سلام دوستان خسته نباشید . 
      من یک « پک فونت ایران سنس » خریداری کردم ، اما نمیدونم چجوری باید روی قالب وردپرس نصبش کنم .
      یه بار امتحان کردم سایت ارور مرگ صفحه سفید داد و با کلی تلاش تونستم آخرین بک آپی که داشتم رو اجرا کنم . 
      ممنون میشم اگه کسی راهنمایی کنه چجوری این فونت رو نصب کنم .
    • توسط nnmmss
      سلام
      من كاملا در وردپرس تازه كار هستم. سايتي با پوسته RealNews طراحي شده. منوهايي دارم كه داراي منو و زير منو هستند. وقتي يك نوشته را به زير منو اختصاص ميدم بعد روي منو ميروم كليه نوشته هاي زير منو را هم نشان ميدهد. مثلا من به اين صورت است
      منو1
      زيرمنو 1-1
      زير منو1-2
       
      من اگر روي زير منو 1-1 كليك كنم فقط نوشته هاي زير منو 1-1 را نشان ميده ولي وقتي روي منو1 كليك كنم تمام نوشته هاي منو1   ,    زيرمنو1-1 و زيرمنو1-2 را نشان ميدهد. چطور ميتوانم اين موضوع را تصحيح كنم كه با كليك كردن روي منو1 فقط نوشته مربوط به منو1 را نشان دهد
    • توسط rendesharif
      با سلام 
      24 ساعت پیش در حال آپدیت تب های وبسایت بودم که اینترنت قطع شد و هنگامی که سعی کردم دوباره وارد کنترل پنل بشم دیدم صفحات ساختار خودشون رو از دست دادن و به نحوی بصورت لایت بارگزاری میشن برای حل این مشکل چیکار میتونم بکنم آیا راه حلی هست.
      تصویر قسمت لاگین هم اضافه کردم میتونید ببینید که دیگه خبری از ساختار اصلی نیست در مابقی صفحات کنترل پنل هم به همین شکل هست

    • توسط naff
      سلام.
      من  میخوام یه صفحه ی استاتیک رو روی ftp  آپلود کنم به عنوان  index اصلی و بعد از کلیک روی دکمه ی مورد نظر کاربر منتقل بشه به سایت اصلی یا همون قالب وردپرس.
       مشکل اینجاست که وقتی صفحه ی  html  رو روی  ftp  آپلود میکنم سایت فقط این صفحه رو به عنوان  index  میشناسه و  این رو جایگزین  index وردپرس میکنه و این صفحه  رو  front page  میشناسه.
       در صورتی که من هر دوتاش رو  میخوام . و صفحه ی html  رو به عنوان  index  میخوام یعنی با وارد کردن اسم سایت اسن صفحه ظاهر بشه.
      صفحه ی اچ دی ام ال:
      https://altourneur.com/new.html
       صفحه ی اصلی سایت:
      https://altourneur.com