مشکل در طراحی قسمت درج پست در تبدیل قالب به وردپرس

[omidparkour]

سلام
من دارم یه قالب رو به وردپرس تبدیل میکنم که به دوتا مشکل برخوردم
مشکل اول :
این هستش که من دستورات زیر رو برای نمایش منو ها نوشتم اما منو ها به صورتی که در عکس مشاهده میکنید نمایش داده میشن مشکل چیه؟؟http://up.i90.ir/uploads/1403396581.png


<div id="menu"><ul id="homemenu"><?php wp_list_cats() ?></ul> </div>

مشکل دوم:
این هستش که من دستورات مربوط به درج پست رو نوشتم و مشکلی هم نداره اما پست ها کنار هم قرار گرفتن و من میخوام که زیر هم قرار بگیرن چی باید بکنم؟؟http://up.i90.ir/uploads/1403389293.png
دستوراتش:

<?php if(have_posts()): ?><?php while(have_posts() ) : the_post();?><div id="content"> <div id="title-content"> <a href="<?php the_permalink(); ?>"><?php the_title(); ?> </a> </div>
<section> نویسنده : <?php the_author(); ?> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; تاریخ انتشار : <?php the_time('m-d-y');?>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <?php comments_popup_link();?> </section></div><?php endwhile; ?><?php endif; ?>

[دانیال دزفولی]

سلام
به سایت شگفت ها برید و آموزش ها رو از دو تا 5 ببینید
مشکل جل میشه

چون دیگه میتونید از روی اصول کار رو \یش ببرید

این کد منه ببینش

<?php wp_nav_menu( array('theme_location'=>'top-menu','container'=>false)) ?>

[omidparkour]

کد شما هم نشد

[omidparkour]

امکانش نیست که یکی همینجا جواب سئوال من رو بده
چون آموزش هاش حجم هاش زیاده :ناراحت::افسرده::گریه:

[دانیال دزفولی]

این برای من درست کار میکنه

کل قالب رو قایل zip کنید

[omidparkour]

من کد رو اینجوری گذاشتما :
درسته؟؟

<div id="menu"><ul id="homemenu"><?php wp_nav_menu( array('theme_location'=>'top-menu','container'=>false)) ?></ul> </div>

[دانیال دزفولی]

استایل چی دادی؟

[دانیال دزفولی]

یو ال رو پاک کن

[omidparkour]

#menu{

width:987px;
height:43px;
margin:auto;
}
#homemenu
{text-align: center;
text-decoration:none;
background-color:#03bcae;
float:right;
color:#FFF;
transition: all linear 0.3s;
-o-transition: all linear 0.3s;
-moz-transition: all linear 0.3s;
-webkit-transition: all linear 0.3s;
-ms-transition: all linear 0.3s;
font-family:"B Yekan", "Kozuka Gothic Pr6N EL";
color:#fff;
list-style:none;
width:131px;
height:37px;
text-decoration:none;
}
#homemenu:hover
{
transition-duration: 0.3s, 0.3s;
margin-right:2px;
text-decoration:none;
background-color:#00746b;
border-bottom-style:solid;
border-bottom-width:5px;
border-bottom-color:#25abea;
float:right;
color:#FFF;
}

[دانیال دزفولی]

استایل هایی که شما دادید مربوط به تگ ul هست

وردپرس خودش تگ ul میسازه
شما باید به li های داخل ul ی که خود وردپرس میسازه استایل بدید

کلیک راست کنید و inspect element رو بزنید ببین چه کلاسی داده
_____________

این کد ها رو جایگزین کن




#menu li { text-align: center; text-decoration: none; background-color: #03bcae; float: right; color: #FFF; transition: all linear 0.3s; -o-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -ms-transition: all linear 0.3s; font-family: "B Yekan", "Kozuka Gothic Pr6N EL"; color: #fff; list-style: none; width: 131px; height: 37px; text-decoration: none;}#menu li:hover { transition-duration: 0.3s, 0.3s; margin-right: 2px; text-decoration: none; background-color: #00746b; border-bottom-style: solid; border-bottom-width: 5px; border-bottom-color: #25abea; float: right; color: #FFF;}

[omidparkour]

الان تا حدودی درست شد
اما زیر هم قرار دارن
من میخوام کنار هم باشن
چی باید کرد؟

[دانیال دزفولی]

li {
float:right
}

اگه هم میخوای رنگ بگیرن


li a {
color:#fff;
text-decoration: none;
}

[mohamad_torabi]

الان تا حدودی درست شد
اما زیر هم قرار دارن
من میخوام کنار هم باشن
چی باید کرد؟
قسمت li تگ مربوطه کد زیر رو بنویسید درست میشه
float:right

[omidparkour]

شرمنده اما با float:right درست نشد

[omidparkour]

لطفا یکی راهنمایی کنه

[دانیال دزفولی]

باید با فلوت درست بشه اصل کار همینه

فلوت بدید و عرض رو حذف کنید باید درست شه

[omidparkour]

الان اینطوری شد چرا :گریه::گریه::گریه::گریه::گریه: :گریه::گریه::گریه:
http://up.i90.ir/uploads/1403377221.png

[دانیال دزفولی]

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

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

بعد به خود دیو پدینگ بده