Gå til innhold

[Løst] Forskjell på DreamWeaver og testing i nettleser


Anbefalte innlegg

I DreamWeaver vises ikke logoen min, men hover effektene fungerer fett. Når jeg prøver å åpne template.php i en nettleser vises ikke engang hover effektene, der virker det som CSS filene ikke blir brukt i det hele tatt. Jeg bruker Xampp for å teste, altså jeg bruker localhost når jeg tester med å åpne i nettleseren.

 

Filene mine:

Noen som vet hva feilen er? NB: Er nybegynner innen utvikling av nettsider og grafisk generelt, ikke innen programmering heldigvis (brukt mye Java). :p

Endret av waremanu
Lenke til kommentar
Videoannonse
Annonse

ser en skriveleif i #header, heigth -> height

Takk, fikset nå. Uansett, har forsatt problemet med at nettsiden vises annerledes i nettleseren.

Bilde fra DreamWeaver:

0932c7d6458ae162531592672853b83d.png

Bilde fra Chrome:

cb8f8ecd970e89b70800c69d17a080ed.png

Jeg testet å åpne i flere nettlesere, det samme kom opp hver gang. Det er jo meningen den skal komme opp som den gjør i DreamWeaver.

 

EDIT: Virker som noe er galt med Menu.css eller linken mellom den og template.php, er ikke sikker. Har nyeste versjon av Xampp, har ihvertfall akkurat installert det på nytt (v.3.2.1).

Endret av waremanu
Lenke til kommentar

For det første, når du skal definere div/class skal det ikke brukes stor forbokstav. Det skal brukes små bokstaver. Eks: 

 

  1. <div id="Holder">
  2. <div id="Header">
    Du må også huske å endre fra stor forbokstav til liten forbokstav i CSS:
  3. #Holder { ... }
  4. #Header { ... }
 
Du må også definere at det er HTML5 du bruker siden du bruker <nav>-taggen. Den er ny i HTML5, og etter det jeg kan se bruker du XHTML 1.0 Transitional.
 
Hvis du på en finurlig måte klarer å endre de øverste linjene:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

til:

<!DOCTYPE html>
<html>

For å få menyen til å fungere løser du det ved å flytte all innhold i Menu.css til Layout.css. Flytt det til linje 23 så det blir ryddig. Mao er det ikke nødvendig å ha flere CSS-filer i bruk for ulike elementer på nettsiden. Bruk ett, og gjør "the-one-and-only" ryddig ved å skille ulike divs og classer ved:

/* Her er Footer-koden */

http://gyazo.com/005b3a0b7ec5c0f3d2a91bfc007105cb

 

 

Beklager for en litt uryddig post, men klokken er nå 4AM! Spør om noe er uklart eller om du lurer på noe  :)

Endret av kjekset
  • Liker 1
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...