Przedszkolak
Postów: 25
Ostrzeżeń: 1
Data rejestracji: 29.01.2010 11:38
|
Witam, mam problem ponieważ linki w menu wyświetlają mi się w różnych marginesach, korzystam z Accordion Navigation Panel i wiem, że tam jest wykorzystywane h2. Chce zdefiniować w style.css h2, wklejam to:
h2 {
margin: 0px;
}
ale dalej to samo. Obrazek menu:
moje style.css
/* Comment element properties */
a {
color: #04688d;
text-decoration: none;
}
h2.head:hover {
color: #fff;
background-color: #dab17a;
}
a:hover {
color: #04688d;
text-decoration: underline;
}
a.side {
color: #555;
text-decoration: none;
}
a:hover.side {
color: #dab17a;
background-color: #fff;
font-weight: normal;
}
a.white, li.white a {
color: #fff;
text-decoration: none;
}
a:hover.white, li.white a:hover {
color: #fff;
text-decoration: underline;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
background-image: url('main-bg.gif');
margin: 5px;
}
hr {
height: 1px;
border: 1px solid #eee;
}
hr.side-hr {
height: 1px;
border: 1px solid #eee;
}
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
.alt {
color: #04688d;
}
.spacer {
margin-bottom: 5px;
}
.admin-message {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
color: #555;
background-color: #f6f6f6;
border: 1px solid #e1e1e1;
padding: 3px 4px 5px 4px;
margin-bottom: 5px;
}
/* Form element properties */
form {
margin: 0px;
}
.button {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
background-color: #f6a504;
background-image: url(images/button.gif);
height: 20px;
border: 1px solid #000;
margin-top: 2px;
}
.bbcode {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
background-color: #ffffff;
border: 1px solid #ccc;
margin-top: 2px;
}
.textbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555;
background-color: #f5fbfe;
border: 1px solid #ccc;
}
/* Header and footer properties */
.sub-header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
font-weight: bold;
background-color: #555;
background-image: url(images/subheader-mid.gif);
padding: 7px 5px 8px 5px;
}
.sub-header-left {
width: 3px;
height: 28px;
background-color: #555;
background-image: url(images/subheader-left.gif);
}
.sub-header-right {
width: 3px;
height: 28px;
background-color: #555;
background-image: url(images/subheader-right.gif);
}
.sub-header ul{
margin: 0;
padding: 0;
}
.sub-header ul li{
display: inline;
}
.sub-header ul li.first-link .bullet{
display: none;
}
.full-header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
padding: 5px 0 10px 0;
}
.main-footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555;
padding: 5px;
}
.bottom-footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
background-color: #555;
padding: 4px 4px 5px 4px;
}
.main-body {
font-size: 11px;
color: #555;
background-color: #fff;
border: 1px solid #ddd;
padding: 4px;
}
/* Side-Panel properties */
.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}
.side-border-left {
color: #777;
background-image: url('main-bg.gif');
padding: 10px 10px 10px 0;
width: 175px;
}
.side-border-right {
color: #777;
background-image: url('main-bg.gif');
padding: 10px 0 10px 10px;
width: 175px;
}
.scapmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #fff;
background-color: #555;
background-image: url(images/side.gif);
background-repeat: repeat-x;
padding: 6px 4px 6px 4px;
}
.scapmain-left {
width: 3px;
height: 24px;
background-color: #555;
background-image: url(images/side-left.gif);
}
.scapmain-right {
width: 3px;
height: 24px;
background-color: #555;
background-image: url(images/side-right.gif);
}
.side-body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #555;
background-color: #fff;
background-repeat: repeat-x;
border: 1px solid #ddd;
padding: 4px;
}
/* Center-Panel properties */
.news-category {
border: 0;
margin: 3px 5px 0 0;
float: left;
}
.news-footer {
font-size: 10px;
color: #555;
background-color: #e7f4fb;
border-width: 0 1px 1px 1px;
border-color: #ddd;
border-style: solid;
padding: 3px 4px 4px 4px;
}
.capmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #fff;
background-color: #555;
background-image: url(images/cap.gif);
background-repeat: repeat-x;
padding: 6px 4px 6px 4px;
}
.capmain-left {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/cap-left.gif);
}
.capmain-right {
width: 3px;
height: 25px;
background-color: #555;
background-image: url(images/cap-right.gif);
}
.main-bg {
color: #555;
background-image: url('main-bg.gif');
padding: 10px 0 5px 0;
}
/* General table properties */
.center {
margin: 0 auto;
}
.tbl-border {
border: 1px solid #e1e1e1;
}
.tbl {
font-size: 11px;
color: #555;
background-color: #fff;
padding: 4px;
}
.tbl1 {
font-size: 11px;
color: #555;
background-color: #fff;
padding: 4px;
}
.tbl2 {
font-size: 11px;
color: #555;
background-color: #e7f4fb;
padding: 4px;
}
.forum-caption {
font-size: 11px;
font-weight: bold;
color: #888;
background-color: #e7f4fb;
padding: 2px 4px 4px 4px;
}
.quote {
font-size: 11px;
color: #555;
background-color: #f5fbfe;
padding: 4px;
margin: 0px 20px 0px 20px;
border: 1px solid #bbb;
}
.poll {
height: 12px;
border: 1px solid #bbb;
}
.comment-name {
font-weight: bold;
color: #04688d;
}
.shoutboxname {
font-weight: bold;
color: #04688d;
}
.shoutbox {
color: #777;
}
.shoutboxdate {
font-size: 10px;
color: #888;
}
.small {
font-size: 10px;
font-weight: normal;
}
.small2 {
font-size: 10px;
font-weight: normal;
color: #555;
}
.side-small {
font-size: 10px;
font-weight: normal;
color: #555;
}
.side-label {
color: #555;
background-color: #f5fbfe;
margin: 2px 0 2px 0;
padding: 2px 2px 3px 2px;
}
/* Vertical Navigation */
#navigation h2 {
font-size: 11px;
font-weight: normal;
margin: 0;
padding: 4px;
}
#navigation ul {
margin: 0;
padding: 0;
list-style-type: none;
}
* html #navigation ul li{
height: 1%;
}
#navigation a {
display: block;
color: #555;
padding: 2px;
text-decoration: none;
}
#navigation a:hover {
color: #fff;
background-color: #dab17a;
}
/* Page Navigation */
.pagenav {
padding: 4px;
}
.pagenav span {
color: #fff;
background-color: #f6a504;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
}
.pagenav a {
color: #555;
background-color: #ff0000;
border: 1px solid #ddd;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
}
.pagenav a:hover {
color: #fff;
background-color: #c4c3c2;
margin: 2px;
text-decoration: none;
}
Ktoś wie jak zaradzić? Z góry dziękuje za pomoc.
|
Przedszkolak
Postów: 34
Pomógł: 6
Data rejestracji: 18.09.2009 20:36
|
Na twojej stronce linki w menu -znaczniki li- są jak teraz patrzałem już dobrze sformatowane.
Więc problem rozwiązany. :)
// EDIT 1
Nie jest dobrze, jak tego nie widzisz
No wiesz takie poprawianie stylu strony nie można robić po omacku. Potrzebny jest co najmniej kod strony lub jej adres.
Ja zasugerowałem się tym adresem http://metodykawf... i tam było ok.
Po podaniu przez Ciebie właściwego adresu czyli http://www.metody..., można już coś zrobić by poprawić ten błąd w menu.
Zamień:
padding:4px;
Kliknij i zaczekaj na załadowanie kodu ...
Na:
padding:2px;
Kliknij i zaczekaj na załadowanie kodu ...
Czyli jak ma to wyglądać:
#navigation h2 {
font-size:11px;
font-weight:normal;
margin:0;
padding:2px;
}
Kliknij i zaczekaj na załadowanie kodu ...
Edytowane przez pekemon dnia 07.02.2010 20:19:42
Wtyczki, panele, mod'y ... Pomoc - Przerabianie - Tworzenie :
-> pekemon.cba.pl <-
Jeśli Pomogłem kliknij  "POMÓGŁ", będę wdzięczny  |
Rozwiń Kod źródłowy CSS
