1

私はあちこち検索してきましたが、多くの結果が見つかりましたが、私が探しているものについては効果も変化もまったく得られません. また、著者に連絡してもまだ回答は返されていません。私のブログの上は私たちの標準ですリンクされたページをクリックするさまざまな「タブ」。しかし、私の人生では、提供されたバースペースの中心に置くことはできません. まず、タブの右側の空きスペースに検索バー ウィジェットがありました。そのコードを見つけて削除したからです。「ナビゲーションバー」の全幅のタブにそのスペースを使用するために必要なすべてを取り除くわけではなく、それが原因である可能性があります。.PageList スタイルを CSS に追加しようとしましたが、Google Chrome を使用して要素を検査し、ライブの変更を確認するだけでイライラします。「nav-bar」、「primary-nav」、「main-menu-nav」で正しい場所またはその周辺にいると思いますが、うまくいきません。SoraTemplates のこのカスタム テンプレートでは、私が知っている限りでは不可能かもしれません。

だからここで、ピークを迎えて私に光を見せてくれる賢い（より）個人を見つけたいと思っています。ブログはwww.modernvintageus.comにあります。

アドバイスをよろしくお願いします。

PS 私の HTML が嵐に見舞われたように見える場合は、笑いを最小限に抑えてください。私はここで独学しています。

編集 リクエストごとに簡単にコードスニペットを追加します（必要な場所にあると私が信じているものから）...

    .PageList li.selected a {font-weight:normal}
.PageList li a:hover {color:#aaaaaa}
#access{margin-top:20px}
#access li{float:left}
#access a{color:rgb(220, 228, 61);font-size:13px;font-weight:normal;text-shadow:0 1px 1px #111}
#nav-bar{padding:0 10px;background:url(https://lh3.googleusercontent.com/-RC90VnZa6gg/UEAmx8pPMdI/AAAAAAAADc4/7etMQiH3-Uk/s100/white20pct.png);border-top:1px solid #666;border-bottom:7px solid #3c3c3c;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px;-moz-border-radius-topright:2px;-webkit-border-top-right-radius:2px;border-top-right-radius:2px}
#primary-nav.g9{margin:0;width:720px}
#primary-nav.g12{margin:0;width:960px}
#primary-nav li{border:0}
#primary-nav li a{letter-spacing:.05em;padding:0 15px;line-height:45px;border-left:1px solid #4b4b4b;border-right:1px solid transparent}
#primary-nav li:first-child a{margin-left:-9px;border-left:0;-moz-border-radius-topleft:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px}
#primary-nav li:last-child a{border-right:1px solid #4b4b4b}
#primary-nav li a:hover,#primary-nav li a.active{background:transparent url(https://lh3.googleusercontent.com/-_IAq5-ECBds/UEAmpYDhijI/AAAAAAAADbQ/voqOSQJ057k/s100/black10pct.png);border-color:#444}
#primary-nav li a:active,#primary-nav li a:focus{background-color:#555;top:0}
#primary-nav li.current-cat a,#primary-nav li.current_page_item a,#primary-nav li.current-menu-parent > a,#primary-nav li.current-menu-item > a{color:#fff}
#primary-nav .drop .rarr,#primary-nav .drop .darr{line-height:1;text-shadow:0 1px 1px #111;color:#888}
#primary-nav ul ul.sub-menu,#primary-nav ul ul.children{background:#3c3c3c;width:220px;padding:7px 0;-moz-border-radius-bottomleft:2px;-webkit-border-bottom-left-radius:2px;border-bottom-left-radius:2px;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;border-bottom-right-radius:2px}
#primary-nav ul ul.sub-menu ul,#primary-nav ul ul.children ul{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;margin-top:-44px;margin-left:200px;border:1px solid #333}
#primary-nav ul ul.sub-menu .rarr,#primary-nav ul ul.children .rarr{float:none}
#primary-nav ul.sub-menu li a,#primary-nav ul.children li a{margin:0;border:0;line-height:36px;font-size:12px;color:#999}
#primary-nav li:first-child > ul{margin-left:-10px}
#nav-bar .search-box .widget{margin:0;line-height:45px;height:45px;overflow:hidden}
#nav-bar .search-box .widget div{background:url(https://lh5.googleusercontent.com/-x-n5CVO1qx0/UEAmtQv3qHI/AAAAAAAADcI/ArquQek6_cc/s24/search.png) no-repeat right center}
#nav-bar .search-box .widget input{background:transparent url(https://lh3.googleusercontent.com/-_IAq5-ECBds/UEAmpYDhijI/AAAAAAAADbQ/voqOSQJ057k/s100/black10pct.png);padding:6px 5px 5px;border:0;width:210px !important;font-size:13px;line-height:20px;color:#777;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.ie7 #nav-bar .search-box .widget input{margin-top:5px}
#nav-bar .search-box .widget input:focus{color:#999;background:transparent url(https://lh4.googleusercontent.com/-vJzxhwZ7j-A/UEAmqIXnNoI/AAAAAAAADbY/EIVhtIZraH8/s100/black20pct.png)}
.menu > ul, .menu > ul li { list-style: none; padding: 0; line-height: 1; }
.menu > ul li a { text-decoration: none; }
.menu > ul, .menu > ul ul { list-style: none; line-height: 1; z-index: 100; }
.menu > ul a { display: block; line-height: 36px; padding: 0 10px; z-index: 100; }
.menu > ul li { float: left; }
.menu > ul ul { position: absolute; width: 200px; left: -9999em; }
.drop li:hover ul, .drop li.sfhover ul { left: auto; }
.drop li ul li a { width: 180px; }
.drop li ul ul { margin: -36px 0 0 200px; }
.drop li:hover ul ul, .drop li:hover ul ul ul,
.drop li.ie6hover ul ul, .drop li.ie6hover ul ul ul { left: -9999em; }
.drop li:hover ul, .drop li li:hover ul, .drop li li li:hover ul,
.drop li.ie6hover ul, .drop li li.ie6hover ul, .drop li li li.ie6hover ul { left: auto; }
.drop li:hover, .drop li.hover { position: static; }
.drop .rarr, .drop .darr { font-family: Arial !important; }
.drop .rarr { display: none; float: right; }
.drop .sub-menu .darr { display: none; }
.drop .sub-menu .rarr { display: inline; }
4

1 に答える 1

0

わかりました、私はあなたのサイトのソースを自由に調べました。残念ながら、多くの css がサイトの head に詰め込まれているようで、操作が難しくなっています。その上、自動生成されたように見え、親からあまりうまく継承されない多くの要素があります。専用のcssファイルに移動して参照することで、大量にクリーンアップできます。

primary-navそうは言っても、 divのマージンを に変更してみて、それmargin:0px auto;が機能するかどうかを確認してください。divそれを含むnav-bardiv内の primary-nav を自動的に中央に配置する必要があります。

コード：

...
#nav-bar{padding:0 10px;bac ...
#primary-nav{margin:0px auto;}          /***INSERT THIS LINE HERE***/
#primary-nav.g9{margin:0;width:720px}
...

それが役立つことを願っています！

于 2013-07-10T20:07:46.243 に答える