1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

css problem

  • Gamling
  • 20. Februar 2007 um 19:42
  • Gamling
    König(in)
    Beiträge
    1.059
    • 20. Februar 2007 um 19:42
    • #1

    Hallo, ich habe ein Problem:

    Ich code gerade eine Site, deren Layout komplett aus CSS bestehen soll. D.h. mit divs. Nun habe ich aber ein Problem: Ich wollte ein doctype für die Site festlegen, aber mit einem doctype wird sie nicht mehr richtig angezeigt. Die Navigation wir komplett anders dargestellt, zum Beispiel funktioniert "display:block" oder "list-style:none" oder der hover effekt nicht mehr. Kann mir jemand da helfen? Entweder brauche ich einen doctype oder einen anderen css code.

    Ist hier vielleicht ein Fehler drin?

    Code
    body {
    font-family:arial;
    background-color:#8b0000;
    }
    
    
    #fixiert {
    background-color:white;
    width:150px;
    top:30px;
    left:30px;
    position:absolute;
    border:1px solid white;
    }
    
    
    
    
    #Navigation {
    font-size:15px;
    margin:0px;
    padding:5px;
    }
    
    
    #Navigation li {
    list-style:none;
    margin:0;
    padding:1px;
    }
    
    
    ul#Navigation a {
    display:block;
    padding:1px;
    border:1px solid #8b0000;
    }
    
    
    ul#Navigation a:link {
    color:white;
    background-color:#8b0000;
    }
    
    
    ul#Navigation a:visited {
    color:white;
    background-color:#8b0000;
    }
    
    
    ul#Navigation a:hover {
    color:#8b0000;
    background-color:white;
    }
    
    
    ul#Navigation a:active {
    color: white;
    background-color:#8b0000;
    }
    
    
    #text {
    background-color:#ffffff;
    margin-left:200px;
    margin-top:10px;
    border:0px;
    }
    
    
    #header {
    background-color:black;
    font-size:30px;
    font-weight:bold;
    text-align:center;
    height:60px;
    border:0px;
    }
    
    
    #footer {
    margin:500px 0 0;
    border:0px solid;
    background-color:white;
    color:black;
    }
    Alles anzeigen

    Danke

    Gamling

    In meinem Webdesign-Blog! gibt es Hilfe zu Webdesign-Fragen und dem Betrieb von Websites!
    Webdesign preiswert aus Lörrach

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 20. Februar 2007 um 19:48
    • #2

    An der CSS scheint's nicht zu liegen. Eher am HTML-Code oder am falschen Doctype.
    Gibt es einen Link?

    [Blockierte Grafik: http://www.ohne-css.gehts-gar.net/img/banner/banner350x20.png]
    sejuma's CSS-Einsteigerkurs

  • Gamling
    König(in)
    Beiträge
    1.059
    • 20. Februar 2007 um 20:02
    • #3

    Ich lads mal hoch... also noch ist alles leer und ohne doctype. So wie es jetzt ist soll es mal aussehen. http://www.gamling.dl.am

    In meinem Webdesign-Blog! gibt es Hilfe zu Webdesign-Fragen und dem Betrieb von Websites!
    Webdesign preiswert aus Lörrach

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 20. Februar 2007 um 20:12
    • #4

    Du arbeitest mit Frames. Hast du dann auch diesen Doctype genommen?

    Code
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
            "http://www.w3.org/TR/html4/frameset.dtd">

    [Blockierte Grafik: http://www.ohne-css.gehts-gar.net/img/banner/banner350x20.png]
    sejuma's CSS-Einsteigerkurs

  • Gamling
    König(in)
    Beiträge
    1.059
    • 20. Februar 2007 um 20:14
    • #5

    Ich arbeite nicht mit frames... das ist der frame von der subdomain. http://www.gamling.kilu3.de/index.html <- die Richtige Domain sorry.

    In meinem Webdesign-Blog! gibt es Hilfe zu Webdesign-Fragen und dem Betrieb von Websites!
    Webdesign preiswert aus Lörrach

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 20. Februar 2007 um 20:32
    • #6

    Du musst auf die Groß- und Kleinschreibung achten.
    In CSS gibst du z.B. "#Navigation" an und im HTML schreibst du "navigation"
    Da können die CSS-Angaben nicht gefunden werden.
    Am besten schreibst du alles und überall generell klein.

    [Blockierte Grafik: http://www.ohne-css.gehts-gar.net/img/banner/banner350x20.png]
    sejuma's CSS-Einsteigerkurs

  • Gamling
    König(in)
    Beiträge
    1.059
    • 20. Februar 2007 um 20:41
    • #7

    Hab ich das nicht? ... ich schau mal und meld mich nochmal.

    In meinem Webdesign-Blog! gibt es Hilfe zu Webdesign-Fragen und dem Betrieb von Websites!
    Webdesign preiswert aus Lörrach

  • Gamling
    König(in)
    Beiträge
    1.059
    • 20. Februar 2007 um 20:48
    • #8

    [Blockierte Grafik: http://www.smilies-world.de/smilies/smilies_Picture/schilder_smilies/11.gif]

    In meinem Webdesign-Blog! gibt es Hilfe zu Webdesign-Fragen und dem Betrieb von Websites!
    Webdesign preiswert aus Lörrach

Tags

  • www
  • html
  • link
  • color
  • http
  • style
  • body
  • text
  • layout
  • problem
  • frames
  • frameset
  • navigation
  • code
  • org
  • fehler
  • doc
  • css
  • header
  • html-code
  • w3c
  • kleinschreibung
  • public
  • doctype

Benutzer online in diesem Thema

  • 1 Besucher
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™