Gå til innhold

NisseMannH4X

Medlemmer
  • Innlegg

    215
  • Ble med

  • Besøkte siden sist

Innlegg skrevet av NisseMannH4X

  1. Har nå fått menyen til å fungere helt perfekt i ie, men i Opera er det føkka, sikkert noe kode jeg har glemt... Kan noen skjekke denne linken i IE så ser dere hvordan den skal være. Men i Opera blir den bare helt "ødelagt"

     

    har også et bilde av "situasjonen"

     

    EDIT: har funnet ut (la ved svart bakgrunn som dere ser på linken over, på neddropsboksene) og ser jeg at det ikke er border rund hele boksen, ossen legger jeg til det?

     

    Kan noen se feilen?

     

    ul {
     padding: 0;
     margin: 0;
     list-style: none;
     } 
     
    ul li a {
     float: left;
     position: relative;
     width: 10em;
     display: block;
     background: #259BBF;
     border-bottom: 0;
     padding: 3px;
    }
    
    ul li a:hover {
     float: left;
     position: relative;
     width: 10em;
     display: block;
     background: #33CCFF;
     border-bottom: 0;
     padding: 3px;
    }
     
    li {
     float: left;
     position: relative;
     width: 6.937em;
     height: 13px;
     display: block;
     color: #FFFFFF;
     background: #259BBF;
     padding: 2px;
     font-family: "Verdana";
     font-size: 8pt;
     font-weight: bold;
     text-transform: uppercase;
     text-decoration: strong;
     }
    
    li ul {
     display: none;
     position: absolute; 
     top: 15px;
     left: 0;
     }
    
    li > ul {
    top: auto;
    left: auto;
    }
    
    li:hover ul, li.over ul{ display: block; }

     

    Hadde vært fint med litt hjelp... :yes:

  2. Jeg har kjøpt dette selv og lastet med mine egne hender, og så har jeg alt av filer på maskinen. Den siden som heter www.nuketheplanet.net har jeg laget selv uansett. så det er ikke noe tull.  den er så absolutt ikke ferdiglaget som dere sier.

     

    Nei jeg skal ikke det heller. Jeg har fått et design jeg liker og da er jeg veldig fornøyd.

     

    Mulig at jeg roter nå, men www.nuketheplanet.net har du definitivt ikke laget selv! Er jo ferdig template! Skjell linken over der det står at man kan laste ned for 100$! laget selv, jøss!

  3. Jeg har denne css koden for linker i en meny:

     

    ul li a {
    display: block;
    text-decoration: none;
    color: #777;
    background: #259BBF;
    padding: 3px;
    width: 10em;
    border-bottom: 0;
    }

     

    Siden de er "display: block;" kan jeg vel få a:hover på knappene via css? Linkene blir vel da en slags boks med tekst inni? Kan jeg ikke da få bakgrunnsfargen til å endre seg ved a:hover?

     

    Hele css'n:

     

    ul {
     padding: 0;
     margin: 0;
     list-style: none;
     } 
     
    ul li a {
    display: block;
    text-decoration: none;
    color: #777;
    background: #259BBF;
    padding: 3px;
    width: 10em;
    border-bottom: 0;
    }
    
    
    li {
     float: left;
     position: relative;
     width: 6.937em;
     height: 13px;
     display: block;
     text-transform: uppercase;
     text-decoration: strong;
     color: #FFFFFF;
     background: #259BBF;
     padding: 2px;
     font-family: "Verdana";
     font-size: 8pt;
     font-weight: bold;
     }
    
    li ul {
     display: none;
     position: absolute; 
     top: 15px;
     left: 0;
     }
    
    li > ul {
    top: auto;
    left: auto;
    }
    
    li:hover ul, li.over ul{ display: block; }

     

    Html for litt av menyen:

     

    <li>Forside 
               <ul>
                 <li><a href="index.php">Forside</a></li>
                 <li><a href="siste10.php">Siste 10 nyheter</a></li>
                 <li><a href="alle.php">Alle nyheter</a></li>
               </ul>
             </li>

     

    Eksemple på slik jeg vil ha det!

     

    (Vet at jeg har hatt et par tråder til denne menyen min før, men det dreier seg jo om vidt forskjellige ting så startet en ny tråd for å få mer oppmerksomhet)¨

     

    EDIT: Link til menyen som den er nå

  4. Har denne html koden til en nedropsknapp på siden min:

     

    <li><img src="Knapper/forside.jpg" width="85" height="22">
             <ul>
               <li><a href="">Forside</a></li>
               <li><a href="">Siste 10 nyheter</a></li>
               <li><a href="">Alle nyheter</a></li>
             </ul>
           </li>

     

    En del av Css koden min er:

     

    li {
     float: left;
     position: relative;
     width: 8em;

     

    Problemet oppstår da "width" må være minst 8 ellers så blir linkene i menyen brutt opp, problemet blir da at hvis den er feks 8, så blir det av avstand mellom bildene i menyen min. Begge er jo definert med <li> så hvordan kan jeg enkelt løse problemet?

     

    Her kan du se ossen det blir når "widt: 8em;"

×
×
  • Opprett ny...