Anunțurile se suprapun cu bara de navigare

Bună seara! Am activat anunțurile iar acestea apar necorespunzător, adică peste bara de navigare.
Poză:
Cum pot să rezolv problema?

Inainte sa adaugati codul dat de AlexandruMatei, ati intampinat aceasta problema?

Milky. a scris:Inainte sa adaugati codul dat de AlexandruMatei, ati intampinat aceasta problema?

Nu, deoarece nu folosisem anunțurile până atunci. Nu cred că e de la cod... o să încerc să văd cum e fără cod, apoi revin cu edit.

EDIT: Am aceeași problemă și fără codul lui AlexandruMatei, deci poate ține de CSS cumva? Uitați CSS-ul meu:

Cod:

a.mainmenu {
background: #EFEFEF;
border: 1px solid #D0D2D4;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 8px;
top: -23px;
position: relative;}

a.mainmenu:hover{
position:relative;
top: -30px;}

div#fa_ticker_block {
position:relative;
top:-45px;
}

#wrap{
border: 1px solid #D0D2D4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

div#search-box{
display:none; }

ul.navlinks {
border-bottom: 0px solid white;
}

div.headerbar{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height:150px;}



#logo {
top: 15px;
left: 10px;
position:relative;}

tr.row1 {
background: white; }

tr.row3 {
background: white; }

p.row1 {
background: white; }

li.row{
background: #FFFFFF;}

div.forabg {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 3px solid white;
box-shadow: 0 0 5px #868686;
}

a:link {
-moz-transition-duration: 0.4s;
-webkit-transition-duration: 0.4s;
-o-transition-duration: 0.4s;}

a {text-decoration: none;}
a:hover{text-decoration: none !important;}

div.h3 {
border-bottom: 1px solid #D0D2D4;}

.forumbg {
background-color: #0B5AAB;
background-image: url(http://i48.servimg.com/u/f48/15/98/60/20/bg_02110.jpg);
background-position: 0 0;
background-repeat: repeat-x;
border: 2px solid white;
clear: both;
margin-bottom: 4px;
padding: 0 5px;
border-image: initial;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 0 5px #868686;
}

div#p1.post.row2.online {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #D0D2D4;}

textarea#text_editor_textarea.inputbox {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #127fa7;}

input.button2 {
border: 1px solid #127fa7;
background: white;
padding: 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
 
input.search {
padding: 4px;
background: 0 none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #127fa7;}

input.search:hover {
border: 1px solid #127fa7;}

select {
border: 1px solid #127fa7;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

input.inputbox.tiny {
background: white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #127fa7;}

textarea#profile_field_2_-20.inputbox {-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #D0D2D4;}

div#profile-advanced-details.panel.row3 {-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #D0D2D4;}


div#tabs {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border: 1px solid #D0D2D4;
width: 720px;}

div.panel.row3 {
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
  border: 1px solid #D0D2D4;}

a.button1, a.button2, button.button2, input.button1, input.button2 {
background: white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 4px;
border: 1px solid #D0D2D4;}



dl.codebox{
  -border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
  border:1px solid #D0D2D4;}

dl.codebox code {
color : #536482;
font-family: Verdana,Arial,Helvetica,sans-serif;
}

.module {
color: #666666;
border: 1px solid #D0D2D4;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #EFEFEF;
}

.module .h3 {
border-bottom: 1px dashed rgba(146, 146, 146, .8);
text-align: center;
color: #127FA7;
}

div#login_popup {
border: 1px solid #D0D2D4;
font-family: Verdana,Arial,Helvetica,sans-serif;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: white;
}

div#search_menu.overview.row3 { 
font-family: Trebuchet MS,Tahoma,Arial;
font-style: bold;
font-size: 11px;
color: #19739C;
border: 1px solid #D0D2D4;
background: white; }

#page-footer .navbar {
background: #EFEFEF;
height: auto;
position : relative;
padding: 0px px;
font-family: Trebuchet MS,Tahoma,Arial;
font-style: bold;
font-size: 11px;
border: 1px solid #D0D2D4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

#page-footer .copyright strong a{
border: 1px solid #D0D2D4;
padding: 5px;
background: #EFEFEF;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
position: relative;
bottom: -15px;
width: 100% !important;}

ul#picture_legend, ul#display-none-et {
display: none !important;
}

div#page-footer:after {
position : relative;
top : -12px;
content: "Copyright 2012 - Free Stuff - Skin designed and coded by BOGDAN";
left: 15px;}

.postprofile {
border-color: #D0D2D4;
border-left-style: solid;
border-left-width: 1px;
color: #536482;
display: inline;
float: right;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
}
    /*-------------BOX-------------*/

    .box {
                border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
                margin: 0px 0px 10px; }

    .box-content {
                border-radius: 8px;
                -moz-border-radius: 8px;
                -webkit-border-radius: 8px;
                font-size: 13px;
                font-style: italic;
                font-family: Trebuchet MS;
                text-shadow: 1px 1px 1px #ffffff;
                padding: 10px 20px 8px 90px;
                min-height:25px;
    }



    .box-content h3 {
                border-bottom: 1px solid #ccc;
                margin-top: 5px;
                font-family: Tahoma;
                font-weight: bold;
                font-style: normal;
                font-size: 13px;
    }

    /*-------------WARNING-BOX-------------*/

    .warning {
              background: url(http://i67.servimg.com/u/f67/16/17/34/47/1231010.png);
              border: 1px dashed #ccc;
    }

    .warning .box-content {
              color: #666;
              background: transparent url(http://i27.servimg.com/u/f27/16/17/34/47/warnin11.png) no-repeat 10px 10px;
              border: 1px solid #ffffea;
    }

    .warning .box-content h3 {
              color: #666;
              text-shadow: 1px 1px 1px #ffffff;
    }

    /*-------------INFO-BOX-------------*/

    .info {
              background: url(http://i27.servimg.com/u/f27/16/17/34/47/body-b11.png);
              border: 1px dashed #ccc;
    }

    .info .box-content {
              color: #666;
              background: transparent url(http://i27.servimg.com/u/f27/16/17/34/47/info10.png) no-repeat 10px 10px;
              border: 1px solid #ffffea;
    }

    .info .box-content h3 {
              color: #666;
              text-shadow: 1px 1px 1px #ffffff;
    }

    /*-------------DOWNLOAD-BOX-------------*/

    .download {
              background-image: url(http://i27.servimg.com/u/f27/16/17/34/47/body-b12.png);
              border: 1px dashed #ccc;
    }

    .download .box-content {
              color: #666;
              background: transparent url(http://i27.servimg.com/u/f27/16/17/34/47/downlo10.png) no-repeat 10px 10px;
              border: 1px solid #ffffea;
    }

    .download .box-content h3 {
              color: #666;
              text-shadow: 1px 1px 1px #ffffff;
    }
        div.ImagineAdministrator {
          background-image: url("http://img710.imageshack.us/img710/317/bleuclair.png");
          background-position: bottom right;
        }
        div.ImagineMod {
          background-image: url("http://img710.imageshack.us/img710/317/bleuclair.png");
          background-position: bottom right;
        }

Cod:

padding: 8px;

Modificati cu 3 sau 4 si nu o sa se mai suprapuna.

Modificati din codul de la meniu.

Codul de la meniu fiind :

Cod:

a.mainmenu {
background: #EFEFEF;
border: 1px solid #D0D2D4;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 8px;
top: -23px;
position: relative;}

Defapt trebuia să modific top: -23px
Așa e cel mai bine:

Cod:

a.mainmenu {
background: #EFEFEF;
border: 1px solid #D0D2D4;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 8px;
top: -45px;
position: relative;}

Mulțumesc oricum pentru că m-ați luminat!