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
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

CSS-Rollovers

  • Alic3M
  • 26. September 2009 um 11:06
  • Alic3M
    Teeny
    Beiträge
    21
    • 26. September 2009 um 11:06
    • #1

    Erbarmt sich hier jemand, mit mir eine Hausaufgabe "Musterseite mit CSS-Rollovers" zu besprechen? Bin gerade dabei, XHTML und CSS zu lernen. Photoshop ist in dieser Aufgabe auch dabei (Slicing-Funktion).

    Aufgegliedert in

    - Vorbereitung des Layouts
    - Erstellen der HTML-Struktur
    - Formatierung mit CSS

    Ich komm ohne Hilfe leider nicht weiter :-/

    Hätte auch ICQ: 583768686

    Bilder

    • demo.jpg
      • 63,24 kB
      • 800 × 525
  • Sweet_Angel
    Gast
    • 26. September 2009 um 11:34
    • #2

    ein thread zu dem thema reicht, mach bitte jetzt keinen weiteren auf!

  • Alic3M
    Teeny
    Beiträge
    21
    • 26. September 2009 um 11:36
    • #3

    Ja sorry, werde den anderen wieder löschen wenn das geht...

  • sejuma
    Kaiser(in)
    Reaktionen
    5
    Beiträge
    2.720
    • 26. September 2009 um 11:59
    • #4

    Normalerweise bekommt man ja nur Hausaufgaben für das, was vorher behandelt wurde.
    Beim "Rollover" werden dem Link-Element "a" einfach verschiedene Zustände zugewiesen (z.B. Normalzustand und Hover (=Rollover") und diese entsprechend formatiert.
    http://css.maxdesign.com.au/listamatic/

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

  • Thonixx
    Gast
    • 26. September 2009 um 15:06
    • #5

    Seh ich richtig oder hast du irgendwie zwei Threads dafür?

    Naja ich könnte dir schon helfen, doch mir ist unklar, WAS genau du besprechen müsstest.
    Was ist dir bei der Aufgabe mit Rollover (Hover) unklar?

  • Alic3M
    Teeny
    Beiträge
    21
    • 26. September 2009 um 15:15
    • #6

    Hmm...ich könnte mal die Aufgabenstellung einscannen...

    Einmal editiert, zuletzt von Alic3M (26. September 2009 um 15:18)

  • Alic3M
    Teeny
    Beiträge
    21
    • 26. September 2009 um 15:20
    • #7

    Here we go...

    Bilder

    • Musterseite1.jpg
      • 40,05 kB
      • 426 × 600
    • Musterseite2.jpg
      • 35,33 kB
      • 426 × 600
  • Alic3M
    Teeny
    Beiträge
    21
    • 26. September 2009 um 15:25
    • #8

    Und das ist das einzige was ich bisher geschafft habe:
    ( Ich weiß, das ist für nen Profi bestimmt ne Katastrophe :( )

    XHTML-Datei:

    </head>

    <body>

    <div id="inhalt">
    <h1><em>ZimmerMeister<strong>Haus</strong></em></h1>

    <p>Wir sind Mitglied im Arbeitskreis ZimmerMeisterHaus,
    dem führenden Verbund handwerklich gefertigter Holzhäuser,
    und haben langjährige Erfahrung im Holzhausbau. Unsere Häuser
    stehen für Qualität und Kompetenz. Sie werden schnell feststellen,
    dass jedes Haus eine völlig eigene Idee verwirklicht. Genau das
    ist unser Konzept: Mit Ihrem oder unserem Planer zusammen ein ganz
    auf Ihre Wünsche ausgerichtetes Haus zu entwickeln und zu realisieren.</p>

    <p>Wir verwenden biologische Baumaterialien, damit Sie gesund und
    glücklich in Ihrem Holzhaus wohen werden. Einen Leistungsüberblick
    erhalten Sie auf den nächsten Seiten. Sollten Sie Fragen haben:
    Wir sind jederzeit für Sie da und zeigen Ihnen gerne eines der von
    uns gebauten Häuser.</p>
    </div>


    <div id="bild">
    <img src="layout1.jpg"
    alt="ZimmerMeisterHaus"
    width="750" height="450">
    </div>

    <div id="navi">


    </div>

    </body>

    </html>



    CSS-Datei:

    body {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: black;
    width: 600px;
    height: 600px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    background-color: #999999


    }


    div#bild {
    width: 700px;
    height: 700px;
    margin-top: 10%;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;

  • synaptic
    Forum Guru
    Reaktionen
    11
    Beiträge
    10.917
    • 26. September 2009 um 22:34
    • #9

    ich hab mal beide threads fusioniert!
    bitte belass es in zukunft bei einem thread im richtigen bereich!

Tags

  • forum
  • hilfe
  • www
  • link
  • http
  • funktion
  • php
  • thread
  • photoshop
  • threads
  • thema
  • reich
  • zukunft
  • css
  • hausaufgabe
  • hausaufgaben
  • element
  • icq
  • formatiert
  • hover
  • formatierung
  • xhtml
  • rollover
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern