Gå til innhold

Webkafeen


Anbefalte innlegg

Videoannonse
Annonse
Link?

http://home.no.net/chs89/skiltsiden/

Uff nå føler jeg meg litt dumm :blush:

Tøff idé! :)

 

- Vanlig tekst (som lorem ipsum) skal settet i <p></p>.

- Synes ikke de prikkene passet så bra i menyen. Kanskje du kan prøve med noe som likner veiskilt der også. Også så hoppingen frem og tilbake veldig teit ut.

- Bruk heller html der du har brukt body, og bruk body der du har brukt wrap.

- Det skal ikke være semikolon (;) mellom verdier og !important.

- list-style: none; skal være list-style-type: none;.

Hm, det er ikke meninga at rundingene på menyen skal være der :(

Jeg får de ikke vekk, hva er galt?

Endret av chs89
Lenke til kommentar
Hm, det er ikke meninga at rundingene på menyen skal være der :(

Jeg får de ikke vekk, hva er galt?

Fikk de bort med å skrive

#menu ul {
list-style-type: none;
}

i CSS'en.

i IE ja, men ikke i opera og firefox :(

Og hvorforblir det så store mellomrom på menyen i opera og firefox?

 

EDIT: gikk vegg nå ;) da er det bare menyproblemet igjen, hva må gjøres?

Endret av chs89
Lenke til kommentar
Mye som kan gjøres med CSS'en din i hvertfall... Hvis du endrer meny-bredden din til 250-260px, så blir skriften satt lenger mot venstre.. Og hvis du har universalselektoren i toppen av dokumentet ditt, hvor definerer du da margin:0; diverse steder i CSS'en? Mye unødvendig der i hvertfall... Rydd opp i koden, så er det mulig den fungerer bedre.

Hmm, jeg er ikke så sikker på hva jeg skal fjerne/legge til for å få menyen lappet sammen igjen i opera.

 

CSS

 

Noen som ser hva som mangler?

Lenke til kommentar

Gjør om denne:

 

#menu ul li a:hover {
padding-left:35px;
}

 

Til:

 

#menu ul li a:hover {
padding-left:20px;
}

 

Da hopper ikke linkene i menyen.

 

Kanskje du også bør fjærne:

 

#menu ul li a:hover {
margin: 0 0 0 0;
}

 

Aner ikke om det går, men det har ingen hensikt. (tror jeg.)

Kjenner jeg er sliten nå. :hm:

Endret av ett
Lenke til kommentar

De store mellomrommene kommer der pga. at du i tillegg til å lage en liste med <ul> og <li>, også bryter linjen med <br />. Bare ta vekk <br /> i listen, så skal du se at de bli fint.

 

BTW, bilder i XHTML er nødt til å ha en gyldig alt-attributt for å validere.

Endret av endrebjorsvik89
Lenke til kommentar
De store mellomrommene kommer der pga. at du i tillegg til å lage en liste med <ul> og <li>, også bryter linjen med <br />. Bare ta vekk <br /> i listen, så skal du se at de bli fint.

 

BTW, bilder i XHTML er nødt til å ha en gyldig alt-attributt for å validere.

:!:

Nå har jeg sittet i flere timer og studert CSS'en for å se om det var noe feil der, og så er det bare noe jeg la inn som første kode i html-dokumentet som er feilen :wallbash:

 

 

småirriterende :p

 

EDIT: Nå som jeg har fått den strict og valid, er det da noen som har forslag til forbedringer?

Endret av chs89
Lenke til kommentar
Tja... selv om koden din er XHTML, sender du den med feil MIME-type. Jeg er ikke rette personen til å forklare det (er ikke helt sikker på om jeg har gjort det riktig selv), men det finnes mange som vet det (og som sier at XHTML er overkill for bloggbruk).

HTML vs. XHTML diskusjonen gidder jeg ikke å delta i, jeg bruker XHTML og basta bom ;)

 

Kan noen forklare hvilken MIME type jeg skal bruke?

 

EDIT: Jeg får ikke noen feil pga manglende mime-type når jeg validerer, gjør jeg det riktig?

Endret av chs89
Lenke til kommentar
Og skrive xhtml med den mime-typen din er som å bruke tabeller til layout! Du må sende mime-type med php for å gjøre det riktig. Det er fordi IE (naturligvis) ikke gjør det riktig.

Så det hjelper altså ikke å bare skrive:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="no" lang="no">

<head>

<meta http-equiv="Content-Type" content="application/html+xml; charset = ISO-8859-1" />
...
</head>
...
</html>

 

Men må gjøre det slik?

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="no" lang="no">

<head>

<?php echo <meta http-equiv="Content-Type" content="application/html+xml; charset = ISO-8859-1" /> ?>
...
</head>
...
</html>

 

Eller...? :dontgetit:

Lenke til kommentar

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...