Avatar billede simona Nybegynder
15. februar 2010 - 07:25 Der er 3 kommentarer

Vil have et billede ind i Menu-linjen i et Wordpress site

Jeg har sat et billede ind i slutningen af menu-linjen men det opfører sig helt tosset. Prøv og se her: www.susanbinau.com

Nogen som kan hjælpe med at løse problemet?

Jeg har kopieret teksten som omhandler menuen fra style.css her..


/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
    text-align:left;
    text-decoration:none;
    outline:none;
    letter-spacing:normal;
    word-spacing:normal;
}

.art-menu, .art-menu ul
{
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block;
}

.art-menu li
{
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    float: left;
    position: relative;
    z-index: 5;
    background:none;
}

.art-menu li:hover
{
    z-index: 10000;
    white-space: normal;
}

.art-menu li li
{
    float: none;
}

.art-menu ul
{
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background:none;
}

.art-menu li:hover>ul
{
    visibility: visible;
    top: 100%;
}

.art-menu li li:hover>ul
{
    top: 0;
    left: 100%;
}

.art-menu:after, .art-menu ul:after
{
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}
.art-menu, .art-menu ul
{
    min-height: 0;
}

.art-menu ul
{
    background-image: url(images/spacer.gif);
    padding: 10px 30px 30px 30px;
    margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
    padding: 30px 30px 30px 10px;
    margin: -30px 0 0 -10px;
}


ul.art-menu
{
    float:right;
}



/* menu structure */

.art-menu
{
    padding: 0px 0px 0px 0px;
}

.art-nav
{
    position: relative;
    height: 21px;
    z-index: 100;
}

.art-nav .l, .art-nav .r
{
    position: absolute;
    z-index: -1;
    top: 0;
    height: 21px;
    background-image: url('images/nav.png');
}

.art-nav .l
{
    left: 0;
    right:0px;
}

.art-nav .r
{
    right: 0;
    width: 700px;
    clip: rect(auto, auto, auto, 700px);
}


/* end Menu */

/* begin MenuItem */
.art-menu ul li
{
    clear: both;
}

.art-menu a
{
    position:relative;
    display: block;
    overflow:hidden;
    height: 21px;
    cursor: pointer;
    text-decoration: none;
    margin-right: 0px;
    margin-left: 0px;
}


.art-menu a .r, .art-menu a .l
{
    position:absolute;
    display: block;
    top:0;
    z-index:-1;
    height: 63px;
    background-image: url('images/MenuItem.png');
}

.art-menu a .l
{
    left:0;
    right:0px;
}

.art-menu a .r
{
    width:400px;
    right:0;
    clip: rect(auto, auto, auto, 400px);
}

.art-menu a .t
{
font-family: "Times New Roman", Georgia, Times, Serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
letter-spacing: 3px;
text-transform: uppercase;
    color: #3E443C;
    padding: 0 12px;
    margin: 0 0px;
    line-height: 21px;
    text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
    top:-21px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
    top:-21px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
    top:-21px;
}
.art-menu a:hover .t
{
    color: #3E443C;
}

.art-menu li:hover a .t
{
    color: #3E443C;
}

.art-menu li:hover>a .t
{
    color: #3E443C;
}



/* end MenuItem */
Avatar billede zips Juniormester
15. februar 2010 - 11:48 #1
Du kan starte med at rette denne linje
<li class="page_item page-item-32"><a href="http://susanbinau.com/?page_id=32" title="<a href="http://susanbinau.com/dk"><img class="alignleft size-full wp-image-27" title="Gå til dansk version" src="http://susanbinau.com/eng/wp-content/uploads/2010/02/dansk-flag-lille.jpg" alt="" width="25" height="15" /></a>"><a href="http://susanbinau.com/dk"><img class="alignleft size-full wp-image-27" title="Gå til dansk version" src="http://susanbinau.com/eng/wp-content/uploads/2010/02/dansk-flag-lille.jpg" alt="" width="25" height="15" /></a></a></li>

Du har en blanding af encodet tegn og 2 link oven på hinanden
Avatar billede simona Nybegynder
15. februar 2010 - 12:16 #2
Hej zips

Hvor finder jeg den linje? Det er ikke i style.css vel? Kan du også være behjælpelig med at vise mig hvordan den skal se ud når den er rettet?
Avatar billede zips Juniormester
15. februar 2010 - 22:59 #3
Da jeg ikke kender din side opbygning er det bedste jeg kan gøre, er at få dig til at finde dette <li class="page_item page-item-32"> og det er i den linje.

Vil tro den skal se sådan her ud.
<li class="page_item page-item-32"><a href="http://susanbinau.com/dk"><img class="alignleft size-full wp-image-27" title="Gå til dansk version" src="http://susanbinau.com/eng/wp-content/uploads/2010/02/dansk-flag-lille.jpg" alt="" width="25" height="15" /></a></li>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester



IT-JOB

Cognizant Technology Solutions Denmark ApS

Sr. Test Analyst

Netcompany A/S

Software Developer