Ergebnis 1 bis 3 von 3

Thema: CSS Datei richtig in HTML einbinden

  1. #1
    HTML Newbie
    Registriert seit
    06.02.2015
    Beiträge
    3
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Ausrufezeichen CSS Datei richtig in HTML einbinden

    Hallo, ich bereite mich auf eine Prüfung vor.
    Jetzt habe ich eine Aufgabe bei der eine graue Box (Breite 200px, Höhe, 120 px), wobei die linke obere Ecke jeweils 40px vom linken und vom oberen Rand des Browserfensters entfernt sein soll. Außerdem soll in der grauen Box zwei weitere weißen Boxen enthalten sein. Die weißen Boxen sind jeweils 40px hoch und breit. Die erste weiße Box ist jeweils 40px vom oberen und linken Rand der grauen Box entfernt. Die zweite weiße Box ist vom oberen Rand der grauen Box 40px und vom linken Rand der grauen Box 120 px entfernt.
    Positionierung, Ausdehnung und Farbgebung (white,gray) aller Boxen sollen in der CSS-Datei festgelegt werden. Zur Realisierung der drei Boxen sind div-Elemente zu verwenden.

    Jetzt zu meinem Problem:
    Die graue Box und die zweite weiße Box bekomme ich hin, aber irgendwie klappt das nicht mit der ersten weißen Box.

    Hier mein HTML-Code:


    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
    <head><title>Boxen</title><meta name="author" content="Maria"><meta name="editor" content="html-editor phase 5">
    <link rel="stylesheet" type="text/css" href="boxes.css"/></head>
    <body>
              <div id="graybox";> graue box          
              <div id="whitebox1";> weiße box 1 </div>          
              <div id="whitebox2";> weiße box 2 </div>          </div>
    </body></html>
    Hier meine CSS-Datei:

    HTML-Code:
    <style type = "text/css"></style>
    
    #whitebox1 {         
                background-color:#FFFFFF;         
                width: 40px;         
                height: 40px;         
                position: absolute;         
                top: 40px;         
                left: 40px;         
                z-index: 3;
               }
    
    #whitebox2,whitebox1 {         
                background-color:#FFFFFF;         
                width: 40px;         
                height: 40px;         
                position: absolute;         
                top: 40px;         
                left: 120px;         
                z-index: 2;         
                }
    
    #graybox {         
                background-color:#BEBEBE;         
                width: 200px;         
                height: 120px;         
                position: absolute;         
                top: 40px;         
                left: 40px;         
                z-index: 1;         
                }
    Kann mir jemand sagen wo mein Fehler ist?

    Vielen Dank im Voraus.
    Liebe Grüße
    riju
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: CSS Datei richtig in HTML einbinden

    Nimm mal
    Code:
    <style type = "text/css"></style>
    aus der CSS-Datei raus.

  3. Folgende User finden die Antwort von Bandit gut:


  4. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    06.02.2015
    Beiträge
    3
    Danke
    1
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS Datei richtig in HTML einbinden

    Hat funktioniert. Danke

Ähnliche Themen

  1. CSS einbinden in einer HTML-Datei mit Frameset
    Von neysk im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 09.04.2012, 20:35
  2. Grafiken direkt in HTML-Datei einbinden?
    Von GrayScales im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 10.11.2009, 22:41
  3. Html-Datei einbinden?
    Von Programie im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 05.07.2007, 15:35
  4. CSS-Datei in HTML einbinden
    Von Lifestyle16 im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 20.10.2006, 20:05
  5. xxx.js in html-datei einbinden
    Von eizo im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 18.01.2005, 14:23

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •