Avatar billede illuzion Nybegynder
08. august 2005 - 13:22 Der er 6 kommentarer og
2 løsninger

Css Problemer

Hmm sidder og er igang med et nyt design til min side (:, men er stødt ind i et problem, og kan umiddelbart ikke se hvad fejlen er (:
Fejlen ligger i at, i min menu har jeg en masse divs, og de 2 sidste af de divs vil ikke blive vist.
Index.php(Er kortet ned, så det kun er menu i ser)
Kode:
<div id="top">
<div id="menu">
      <div id="menu_forside">
        <a href="./" title=""></a>
      </div>
     
      <div id="menu_profil">
        <a href="./?id=profil" title=""></a>
      </div>
     
      <div id="menu_portfolio">
        <a href="./?id=portfolio" title=""></a>
      </div>
     
      <div id="menu_artikler">
        <a href="./?id=artikler" title=""></a>
      </div>
     
      <div id="menu_affiliates">
        <a href="./?id=affiliates" title=""></a>
      </div>
     
      <div id="menu_links">
        <a href="./?id=links" title=""></a>
      </div>
     
      <div id="menu_tagwall">
        <a href="./?id=tagwall" title=""></a>
      </div>
     
      <div id="menu_kontakt">
        <a href="./?id=kontakt" title=""></a>
      </div>
     
      <div id="menu_fyld">
      </div>
     
      <div id="menu_login">
        <a href="./admin/" title=""></a>
      </div>     
</div>
</div>

Style.css (Har fjernet de fleste divs, men har stadig en tilbage som virker, også de to som ikke virker, så i kan sammenligne Smile)
Kode:
/* Menu */

div#menu {
    margin: 0px 0px 0px 0px;
    padding: 155px 0px 0px 10px;
}

div#menu_forside {
    float: left;
    width: 53px;
    height: 23px;
    background: url('../images/menu_forside.gif') 0 -55px no-repeat;
    text-indent: -10000em;
}

div#menu_forside a {
    display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-decoration: none;
  background: url('../images/menu_forside.gif') top left no-repeat;
}

div#menu_forside a:hover {
  background-image: none;
}

div#menu_fyld {
    float: left;
    width: 125px;
    height: 23px;
    background: url('../images/menu_fyld.gif') 0 -55px no-repeat;
    text-indent: -10000em;
}

div#menu_login {
    float: left;
    width: 20px;
    height: 23px;
    background: url('../images/menu_login.gif') 0 -55px no-repeat;
    text-indent: -10000em;
}


Og ja, billederne ligger i images mappen :)..

Håber der er et klogt hoved som kan hjælpe mig med mine problemer..

På forhånd tak..
Avatar billede roenving Novice
08. august 2005 - 13:40 #1
Hvad laver de negative værdier for baggrundsplacering og text-indent ?-)
Avatar billede illuzion Nybegynder
08. august 2005 - 13:49 #2
det er fordi der skal være roll over på billederne, men skal der egentlig ikke være på de to som ikke vil vises, havde jeg ikke tænkt på :)..
Prøver lige at ændre  det ..
Avatar billede udvikler Nybegynder
08. august 2005 - 14:11 #3
Hva virker det ?
Avatar billede illuzion Nybegynder
08. august 2005 - 15:45 #4
Fik det til at virke.. Css filen ser sådan ud nu :
/* Menu */

div#menu {
    margin: 0px 0px 0px 0px;
    padding: 155px 0px 0px 10px;
}

div#menu_forside {
    float: left;
    width: 53px;
    height: 23px;
    background: url('../images/menu_forside.gif') top left no-repeat;
    text-indent: -10000em;
}


div#menu_forside a {
    display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-decoration: none;
  background: url('../images/menu_forside.gif') top left no-repeat;
}

div#menu_forside a:hover {
  background-image: none;
}

div#menu_fyld {
    float: left;
    width: 125px;
    height: 23px;
    background: url('../images/menu_fyld.gif') top left no-repeat;
    text-indent: -10000em;
}

div#menu_login {
    float: left;
    width: 20px;
    height: 23px;
    background: url('../images/menu_login.gif') top left no-repeat;
    text-indent: -10000em;
}

Tak for hjælpen (:
Avatar billede illuzion Nybegynder
08. august 2005 - 15:46 #5
roenving, smid et svar.. Hvis du ikek havde nævnt det, havde jeg aldrig fundet fejlen :)
Avatar billede roenving Novice
08. august 2005 - 16:08 #6
-- men behold langt de fleste point selv !-)

Velbekomme '-)
Avatar billede illuzion Nybegynder
08. august 2005 - 20:19 #7
Jamen så vil jeg da gøre det (:
Avatar billede roenving Novice
08. august 2005 - 23:59 #8
-- tak for point ;~}
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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