• Hallo,alle zusammen

    So muss meine Webseite auschauen(Die kleinigkeiten lass ich aus)

    Es sollte eine vereinfachte Fotostudio darstellen(3 Fotos).
    -Zwei frames links(navigations laeiste), rechts( eigentlicher Inhalt)
    - Ein Überschrift ganz oben.
    -Darunter Großansicht von einem Foto mit zwei links auf beiden Seiten die auf nächste bzw auf Vorheriges Bild zeigen
    -darunter zwei Text Absetze
    -noch weiter unten Kleine abbildungen von diesen Drei fotos.
    Bei einem klick auf eine Abbildung wird das jewilige Foto in der Großansicht angezeigt.
    in der Übersicht ist zu jedem Zeitpunkt das Foto hervorgehoben, das gerade in der Großansicht angezeigt wird.
    Technisch soll es Organisiert werden indem eine eigene CSS klasse mit dazugehörigen Eigenschaften zur Hervorhebung des Bildes definiert wird.

    Die webseite selber habe ich schon fertig!
    Wie man es mit der CSS klasse definiert,weiß ich nicht!

    wäre nett wenn mir irgend jemand weiter helfen könnte!

  • also wenn alle bilder so aussehen sollen dann kannst es machen mit (im css)

    Code
    img { .... }

    wenn nur bestimmte bilder musst erst die klasse definieren und dann zuweisen

    Code
    im css:
    .bilder {.... }
    
    
    im quelltext:
    [img]...[/img]
  • Hallo,
    Danke für schnelle Antwort!

    Wie man es im allgemeinem macht weiß ich!
    Was ich nicht weiß, wie kann man ein bestimtes Bild mittels CSS hervorheben!

  • du gibst dem bild die class="bilder" und definierst diese im css... wie gesagt.

    und dort musst halt festlegen wie es hervorgeheben werden soll. (border...)

  • Ich habe versucht mit css die Positionierung von Bildern folgendes zu bestimmen


    Funktioniert wunderbar, wenn ich über die Hauptseite navigiere, weil da die Größe angepasst ist.
    Es muss aber jede Seite wieder verlassen werden können, auch wenn ein Benutzer(z.B über eine Suchmaschine) direkt auf eine einzelne Seite des Framesets gelangt.Und dann habe ich das Problem, dass der Inhalt der Seiten automatisch an die Größe des Bildschirmes angepasst wird, meine fest definierte Fotos aber nicht und die Darstellung verschiebt sich.

    Wie kann man dieses Problem umgehen ?

  • ich habe das Problem gerade mit Hilfe einer Zeile gelöst und zwar

    Code
    .selected1{ padding-bottom:3em;}

    Mit dieser Eigenschaft kann man den Zwischenraum zwischen Elementinhalt und unterer Elementgrenze (sichtbar bei Rahmen, Farben usw.) bestimmen.

    Und die Positionierung von Fotos habe ich mittels eine Tabelle gemacht!

    Ich habe mich mit CSS noch nicht wirklich auseinandergesetzt, aber je mehr ich mich damit beschäftige, desto mehr gefehlt es mir. CSS hat so viele nette kleinigkeiten, die Arbeit Angenehm machen!!!

    Danke für die Hilfe!

  • kannst auch padding, padding-top, padding-left oder padding-right nehmen.

    die alternative is margin... da wird der rand mit reingenommen.... außenabstand