رفتن به مطلب

زیرمنو


solmaz

پست های پیشنهاد شده

سلام

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

من بهش left تعریف کردم اما روی دوتا از منوهام درست میشه (یعنی زیر منو دقیقا از منوی مادرش شروع میشه) اما بقیه نه.

امیدوارم منظورم رو رسونده باشم

چیکار کنم؟

لینک به ارسال

این هم فایل css من هست

/*
Theme Name: PaletosiMagazine
Theme URI: [url="http://www.simplewpthemes.com"]http://www.simplewpthemes.com[/url]
Version: 1.0
Author: sin2384
Author URI: [url="http://www.simplewpthemes.com"]http://www.simplewpthemes.com[/url]
Description: Free Wordpress theme by <a href="[url="http://www.simplewpthemes.com/%22>SimpleWPThemes.com</a>."]http://www.simplewpt...Themes.com</a>.[/url] Please read READ ME.TXT for usage instructions!
*/
@import url("css/comments.css");
@import url("css/reset.css");
@import url("css/slide.css");
@import url("css/superfish.css");
@import url("css/featuredcats.css");
* {
margin: 0;
padding: 0;
}
/***************LINKS*************************/

a:link, a:visited {
color: #4488BB;
text-decoration: none;
}
a:hover {
color: #414141;
}
/***************END LINKS*************************/

html body {
/*background: #f0f0f0;*/
font-size: 12px;
font-family: Arial, Helvetica, sans-serif; ;
line-height: 1.5em;
color: #878787;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Antic Slab', serif;
font-weight: normal;
}

/***************LAYOUT*************************/

#containerwrap {
background: url(images/top.jpg) no-repeat scroll center 180px;
}
#topwrap {
width: 100%;
height: 175px;
border-top: 5px solid #d5dee3;
/* background: #111111;*/
background-image: linear-gradient(bottom, #E4EEF5 45%, #DDE7EE 73%, #BBC8D1 87%);
background-image: -o-linear-gradient(bottom, #E4EEF5 45%, #DDE7EE 73%, #BBC8D1 87%);
background-image: -moz-linear-gradient(bottom, #E4EEF5 45%, #DDE7EE 73%, #BBC8D1 87%);
background-image: -webkit-linear-gradient(bottom, #E4EEF5 45%, #DDE7EE 73%, #BBC8D1 87%);
background-image: -ms-linear-gradient(bottom, #E4EEF5 45%, #DDE7EE 73%, #BBC8D1 87%);

background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.45, #E4EEF5),
color-stop(0.73, #DDE7EE),
color-stop(0.87, #BBC8D1)
);
}
#mainwrap {
margin: -1px auto 0;
width: 960px;
}
#header {
width: 960px;
height: 125px;
margin: 0 auto;
}
#blogtitle {
text-transform: uppercase;
float: left;
padding-top: 47px;
}
.adv {
float: right;
margin: 33px 0px 0 0;
}


/* -------- START PAGE MENU -------- */

#top {
clear: both;
margin: 0 auto;
/*width: 960px;*/
height: 50px;
background: #657883;
position: relative;
z-index: 999;
color:#000 !important;
padding-right: 170px;
}
#top li {
float: right;
line-height: 50px;

color:#000 !important;
}
#top li a {
float: right;
display: block;
padding: 0 15px;
color: #fff;
text-shadow: 1px 0 1px #000000;
font-size: 12px;
font-family: tahoma;
font-weight: normal;
}

#top li a:hover {
color:#fff;
}
#top li.current_page_item a, #top li:hover, #top li.current-menu-item {
background: #657883;
color: #fff;
}
#top li ul {
background: #657883;
width: 200px;
color:#000 !important;
left: -140px;

}
#top li ul li {
border-bottom: 1px dashed #97B4CA;
border-right: 0;
line-height: 30px;
color:#000 !important;
}

#top li ul li:last-child{
border:none;
}
#top li ul li a {
font-size: 11px;
color: #fff;
text-shadow: 1px 0 1px #26608b;
font-family: tahoma;
font-weight: normal;
text-align: right;
}
#top li ul li:hover a {
color: #fff;
}


/* -------- END PAGE MENU -------- */

.aboutimage {
float: left;
border: 1px solid #ccc;
padding: 2px;
margin: 5px 10px 0px 0px;
}
#s {
width: 176px;
height: 14px;
padding: 8px 0 8px 5px;
color: #b6b5b5;
font-size: 11px;
border: 1px solid #cecdcd;
}
*+html #s {
padding-bottom: 7px;
}
#contentwrap {
float: left;
width: 628px;
}
#sidebar {
float: right;
width: 308px;
}
#sidebar-bottom {
width: 100%;
clear: both;
/* background: #669bc5 url(images/sbbg.png) repeat-x scroll 0 72px; */
overflow: hidden;
}
#sidebar2 {
margin: 0 auto;
width: 960px;
padding: 40px 0px 20px;
}
#footer1, #footer2 {
width: 280px;
float: left;
margin-right: 60px;
}
#footer3 {
width: 280px;
float: right;
margin-right: 0;
}
#sidebar-bottom h3 {
color: #ffffff;
text-shadow: 1px 0 1px #34648b;
font-size: 17px;
padding: 0 0 45px 0;
margin-bottom: 0 !important;
font-weight: normal;
}
.widget {
clear: both;
margin: 0 0 40px 0;
overflow: hidden;
color: #afd7f7;
text-shadow: 1px 0 1px #5488b1;
}
.widget a, .widget a:visited, .widget a:hover {
color: #fff;
}
.widget ul li {
padding: 5px 0 5px 0;
}
#sidebar2 ul.children {
margin: 5px 0 -5px 0;
}
.widget a:hover {
text-decoration: underline;
}

/* -------- ADVERT -------- */

.add1 {
clear: both;
float: left;
margin: 0 0 10px 5px;
display: inline;
}
.add2 {
float: right;
margin: 0 5px 10px 0;
display: inline;
}

/* -------- END ADVERT -------- */

#footerwrap {
width: 100%;
clear: both;
height: 60px;
border-top: 1px solid #fff;
font-size: 12px;
color: #494949;
background: #000;
display:none;
}
#footer {
width: 960px;
margin: 0 auto;
clear: both;
overflow: hidden;
padding: 20px 0 0;
}
#footer a, #footer a:visited {
color: #6d6d6d;
}
#footer a:hover {
color: #6d6d6d;
text-decoration: underline;
}
.inside {
padding: 20px;
}
/* -------- END WP LAYOUT -------- */

/* -------- START WP STYLES -------- */

#sidebar h3 {
padding: 0 0 18px 0;
margin-bottom: 0;
font-size: 18px;
color: #393939;
}
.side-widget {
clear: both;
width: 272px;
padding: 18px;
background: #ffffff;
border: 1px solid #e1e1e1;
box-shadow: 0px 0 4px #e8e8e8;
margin-bottom: 35px;
overflow: hidden;
}
#sidebar ul {
margin-top: -5px;
}
#sidebar ul.children {
margin: 6px 0 -6px 0;
}
#sidebar ul li {
padding: 6px 0 6px 0;
margin-left: 0;
border-bottom: 1px solid #e5e5e5;
}
#sidebar li li {
border-bottom: 0;
border-top: 1px solid #e5e5e5;
}
.side-widget a, .side-widget a:visited {
color: #878787;
}
.side-widget a:hover {
color: #4488bb;
}

/***************POST STYLES*************************/
h2.title {
margin-bottom: 13px;
line-height: 20px;
font-size: 17px;
}
h2.titles {
margin-bottom: 13px;
line-height: 24px;
font-size: 21px;
}
h2.title a, h2.title a:visited, h2.titles a, h2.titles a:visited {
color: #242424;
}
.meta {
color: #b5b5b5;
font-size: 11px;
text-align: right;
padding: 0 0 5px 0;
}
.metain {
float: left;
}
.time, a.comm, a.comm:visited {
color: #000000;
}
a.comm span {
color: #b5b5b5 !important;
}
a.more-link {
background: #4488bb;
color: #ffffff;
text-shadow: 1px 0 1px #3375a7;
padding: 5px 12px;
}
.postmetadata {
margin-top: 15px;
}
.leftpost {
clear: both;
float: left;
width: 280px;
padding: 10px;
}
.rightpost {
float: right;
width: 280px;
padding: 10px;
}
.clearp {
clear: both;
height: 30px;
width: 100%;
display: block;
overflow: hidden;
}
.post, .page {
background: #ffffff;
border: 1px solid #e1e1e1;
box-shadow: 0px 0 4px #e8e8e8;
}
.singlep {
padding: 10px;
overflow: hidden;
}
.entry {
margin-top: 10px;
line-height: 20px;
}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
margin-top: 15px;
}
.entry p {
margin-bottom: 15px;
}
.entry img {
padding: 3px;
border: 1px solid #cdcccc;
background: #fff;
}
.post_thumbnail {
padding: 0 !important;
border: 0 !important;
margin: 0 0 18px !important;
}
.entry th {
padding: 0;
margin-right: 2px;
}
.entry li {
list-style: circle inside;
}
.entry ol li {
list-style: decimal inside;
}
blockquote {
border-left: 10px solid #666666;
margin-left: 20px;
}
blockquote p {
padding: 10px;
}
.alignleft {
float: left;
margin: 5px 10px 0px 0px;
}
.alignright {
float: right;
margin: 5px 0px 0px 10px;
}
img.aligncenter {
display: block;
margin: 0 auto 5px;
}
/***************END POST STYLES*************************/
#wp-calendar caption {
background: #387bad;
color: #fff;
margin-bottom: 10px;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
#wp-calendar td {
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar {
empty-cells: show;
font-size: 14px;
margin: 0;
width: 100%;
}
#wp-calendar a:hover {
background: #387bad;
color: #fff;
}
#wp-calendar td:hover, #wp-calendar #today {
background: #387bad;
color: #fff;
}
li.pagenav, li.categories, li.linkcat {
list-style:none;
}
h2.pagetitle {
margin: 10px 0 20px 0px;
font-size: 32px;
text-align: center;
color: #000;
}
p.center {
margin: 10px 0;
}
/* -------- END WP STYLES -------- */



/* -------- TABLES -------- */
#contentwrap table{font-size:1.2em;margin:5px 0 25px 1px;}
#contentwrap table td{padding:8px;border: 1px solid #ccc;}
/* -------- END TABLES -------- */


/* -------- PAGE NAVIGATION -------- */

.wp-pagenavi{
clear:both;
margin:20px 0 20px;
text-align:center;
}
.wp-pagenavi span.pages,.wp-pagenavi span.extend{
background:#000000;
border:1px solid #000000;
color:#fff;
margin:0px;
padding:6px 7px;
}
.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:visited{
background:#4488bb;
border:1px solid #4488bb;
color:#fff;
margin:0px;
padding:6px 7px;
text-decoration:none;}
.wp-pagenavi span.current,.wp-pagenavi a:hover{
background:#000;
border:1px solid #000000;
color:#fff;
margin:0px;
padding:6px 7px;
}
.wp-pagenavi a.page {
box-shadow: none !important;
}


/* -------- END PAGE NAVIGATION -------- */

/* -------- SUBSCRIPTION -------- */
ul#topsoc {
float: right;
margin-right: 12px;
}
ul#topsoc li {
padding: 8px 0 0;
margin: 0;
float: left;
background: none !important;
border-right: 0 !important;
}
ul#topsoc li a {
margin: 0 0 0 10px !important;
padding: 0 !important;
}/* -------- END SUBSCRIPTION -------- */

.flickr_badge_image { float: left; margin-bottom: 12px; }
.flickr_badge_image img { width: 50px; height: 47px; padding: 4px; margin: 5px 12px 0px 0; background: #77aad4; border: 1px solid #4a7da5; float: left; }
#flickr_badge_image4 img, #flickr_badge_image8 img, #flickr_badge_image12, #flickr_badge_image16 {
margin-right: 0;
}
input#subbox {
width: 179px;
height: 35px;
height: 26px\0/;
padding: 0px 0 0px 5px;
padding: 9px 0 0px 5px\0/;
font-size: 12px;
color: #fff;
background: #79add6;
border: 1px solid #497ca5;
text-shadow: 1px 0 1px #497aa8;
}
*+html input#subbox {
height: 25px;
padding-top: 10px;
}
:root input#subbox {height: 18px\0/IE9; } /* IE9 */
:root input#subbox {padding-bottom: 8px\0/IE9; } /* IE9 */
:root #subm {top: -37px\0/IE9; } /* IE9 */
#swrap {
width: 280px;
}
#subm {
left: 186px;
position: relative;
top: -37px;
}
*+html #subm {
top: -38px;
}
#signup {
margin-bottom: 30px;
}

.sf-sub-indicator {
display: none;
}

ویرایش شده توسط Mohammad
لینک به ارسال

اصل کار باید به این شکل باشه که شما li مادر را relative کنید بعد ul داخل اون را absolute کنید و با دادن مختصات (توسط right, left , top, bottom) موقعیت زیر منو را تعیین کنید اینجوری هیچ مشکلی نباید بوجود بیاد.

  • امتیاز 1
لینک به ارسال

اگه ي جا بود انلاين ميديدم بهتر ميشد كمك كرد !‌چون اين طوري به شخصه حال ندارم كپي كنم !‌با عرض پوزش !‌يا فايل ضميمه كن ! يا تو سايت هايي كه مث http://codepen.io به اشتراك بزار !‌انلاين باشه بهتر !‌و اين كه خودت از پايه طراحي كردي ؟ يا نه طراحي شده داره راست چين ميكني به مشكل خوردي ؟!‌

لینک به ارسال

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

لینک به ارسال

اگر سایت رو نگاه کنید و موس خودتون رو روی "سرویس های قابل ارائه " ببرین میبینید که زیرمنویی که باز میشه کمی به سمت چپ کشیده شده

اما زیرمنوی مربوط به درباره ما و گالری درست سر جاشه

لینک سایت:

http://dr-atashrazm.com/fa/

لینک به ارسال

کلا طریقه استایل دادن به منو ها داخل این قالب درست نیست و با تغییر عنوان لیست ها جای زیر منو اون ها تغییر می کنه. اگر می تونید از اول بخش منو را خودتون درست کنید.

لینک به ارسال
مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • اضافه کردن...