Gå til innhold

Problem med sentrering av banner1.jpg


Anbefalte innlegg

Videoannonse
Annonse
Skrevet (endret)

Der kom den jaggu:P

 

Hva synes dere om siden så langt? Prøvde å få til et clean design. Skal jo hoste info, så vil ikke ha for mye dill dall!

 

/Jan Tore

Endret av exess15
Skrevet

Nå mangler jeg bare en rute av borders eller en farge boks i midten hvor jeg skal poste nyheter og diverse..

 

Lov å bruke tabeller når man skal lage medlemstabell? Eller må CSS til her og?

 

/Jan Tore

Skrevet
Nå mangler jeg bare en rute av borders eller en farge boks i midten hvor jeg skal poste nyheter og diverse..

 

Lov å bruke tabeller når man skal lage medlemstabell? Eller må CSS til her og?

 

/Jan Tore

7451279[/snapback]

 

Det er lov å bruke tabeller, men ikke til design av siden.

Skrevet (endret)

Du burde lære deg å bruke css enda mer en det du gjør,

 

lag <div id="meny"> f.eks i html, så fiker du på design i css. Ikke bruk align left og slikt i html, Det blir fort rot.

Endret av Mr Chief
Skrevet

Skal se til å lære meg det og rette opp i ting etter hvert.. Hvordan passet denne menyen, selv synes jeg den ble i det meste laget..

 

/Jan Tore

Skrevet (endret)

Ja, den ble litt for voldsom, prøv å endre den litt slik at den passer inn i ditt design..

 

ul#navlist <- dette er ul taggene i menyen

 

ul#navlist li <- Dette er li taggene

 

ul#navlist li a <- Dette er linkene

 

ul#navlist li a:link <- Fargen på linken

 

ul#navlist li a:hover <- Hover på boksene, (når du tar musa over)

Endret av Mr Chief
Skrevet

Nei, de er litt for tjukke. Sett ned padding i ul#navlist li a

Bytt fargene, ser ikke bra ut..passer lissom ikke inn..

 

border-left: <- det er den boksen til venstre i menyen

Skrevet (endret)

Syntes den ikke den passet inn, prøv å bytte det bakgrunnsbilde der hvor det står "meny"

 

----

Kanskje denne faller i smak:

 

css:

Klikk for å se/fjerne innholdet nedenfor
#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
display: block;
border-bottom: 1px solid #ffffff;
}
#left li a:hover {
padding-bottom: 2px;
display: block;
border-left: 5px solid #ffffff;
}
li a {
color: #666666;
text-decoration: none;
}
li a:hover {
color: #000000;
text-decoration: none;
}
li .active {
padding-bottom: 2px;
display: block;
border-left: 5px solid #ffffff;
color: #000000;
}

HTML:

Klikk for å se/fjerne innholdet nedenfor
<div id="left"> 
         <h3>Einarg.com</h3>
         <ul>
           <li><a href="#" class="active">Hovedsiden</a></li>
           <li><a href="#">Medlemmer</a></li>
           <li><a href="#">Informasjon</a></li>
           <li><a href="#">Undervannsjakt</a></li>
           <li><a href="#">Utstyr</a></li>
         </ul>
       </div>

 

Hva med å sette siden i en "boks". Slik at menyen ikke trekker seg helt ut til venstre, men at den holder seg innenfor en grense.

Kanskje litt dårlig forklart, men snakker da om noe slikt: http://www.ndesign-studio.com/url]

Den "hvite delen" er boksen

 

*Huff* så dårlig forklart

Endret av Mr Chief
Skrevet

Nå ser du hvordan jeg lagde menyen.

 

Synes det er litt vanskelig med ruter og sånn(CSS Div)...

Vanskelig å få de til å passe der jeg vil ha dem uten at andre ting flytter seg..

 

 

 

/Jan Tore

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...