Frage Fragen zu HTML

[Hannes2634]

Hallo,

Ich habe folgende Frage an euch die den Header betrifft. Ich möchte gerne einen Header unabhängig von der eigentlichen Seite erstellen. Sprich er soll frei schweben. Ein Bild habe ich angehangen, wo ihr sehen könnt wie es ungefähr aussehen sollte (ist nicht meine eigene Arbeit aber so ungefähr soll das ganze dann auch mal werden - zumindest was die Aufteilung angeht!) Könntet ihr mir sagen was ich benutzen könnte als Grundlage, sprich ein Container oder was ihr am besten Empfehlen würdet. Ich hoffe ihr versteht was ich meine, ich kann da manchmal sehr um den heißen Brei herumreden.

Danke euch!
Gruß Hannes2634

 

[scbawik]

Hallo,

Ich habe folgende Frage an euch die den Header betrifft. Ich möchte gerne einen Header unabhängig von der eigentlichen Seite erstellen. Sprich er soll frei schweben. Ein Bild habe ich angehangen, wo ihr sehen könnt wie es ungefähr aussehen sollte (ist nicht meine eigene Arbeit aber so ungefähr soll das ganze dann auch mal werden - zumindest was die Aufteilung angeht!) Könntet ihr mir sagen was ich benutzen könnte als Grundlage, sprich ein Container oder was ihr am besten Empfehlen würdet. Ich hoffe ihr versteht was ich meine, ich kann da manchmal sehr um den heißen Brei herumreden.

Danke euch!
Gruß Hannes2634

Verstehe ich nicht wirklich.

Meinst du dass Header, Nav und Content einzelne Elemente sind?
Einfach per margin-bottom den Abstand erzeugen?

 

[MrMurphy]

Hallo

Ja, du nimmst einen Container wie zum Beispiel "header" und gestaltest mit CSS runde Ecken (border-radius) und Schatten (box-shadow).

Gruss

MrMurphy

 

[Hannes2634]

Ah ok danke euch beiden.

 

[Hannes2634]

Mal eine Frage: Ich habe jetzt Bilder mit einem Rahmen drum gemacht und mit einem Link hinterlegt. So weit so gut, nun aber das Problem das der Rahmen ständig Blau leuchtet, statt Schwarz zu bleiben. Wie kann ich das denn ändern?

 

[threadi]

Wie hast Du denn den Rahmen um das Bild gelegt?

 

[Hannes2634]

Hier der Code:

<img src="images/hbild-3.png" width=266" height="175" border="2px" alt=""></div>

 

[threadi]

Folgende Fehler sind in diesem kurzen Text vorhanden:

• Ein Anführungszeichen nach width= fehlt.
• Das Attribut border nimmt keine Einheiten außer % an. "px" ist also falsch.
• Das </div> steht ohne Zusammenhang hier.

Das Du einen Rahmen um das Bild bekommst ist eher Glück bei dieser Art Kodierung. Wenn Du es sauber machen willst, korrigiere o.g. Fehler, lass das border-Attribut weg und verwende CSS um das Element zu stylen:
https://developer.mozilla.org/de/docs/Web/CSS/border

 

[Hannes2634]

Ich habe es gerade auf der selben Seite gefunden, danke dir. Geht nun auch!;)

 

[Hannes2634]

Nun mal eine andere Frage. Weiß gar nicht ob das überhaupt geht, aber wäre vl. möglich das man wenn man über die jetzigen Bilder drüberfährt ein anderes Bild aufklappt, sprich ich gehe mit der Maus über das bestehende Bild mit Rahmen und dann klappt oder schiebt sich von der Linken Seite ein neues Bild rein. Geht das überhaupt?

 

[threadi]

Klar geht das. Beschäftige dich mehr mit CSS, ggfs. auch JavaScript. Dann findest Du auch hierfür Lösungen.

 

[Hannes2634]

Ok danke.

 

[MrMurphy]

Hallo

aber wäre vl. möglich das man wenn man über die jetzigen Bilder drüberfährt

Bedenke aber, das heutzutage bereits über 60% der Internetnutzer mit Touchscreens (hauptsächlich Smartphones und Tablets) surfen und die keinen Hover-Effekt kennen. Die können mit solchen Lösungen nichts anfangen.

Von daher sollte auf Hover-Effekte verzichtet werden. Oder es sollte zumindest eine Fallback-Lösung erstellt werden.

Gruss

MrMurphy

 

[Sempervivum]

Das geht ganz sicher, sogar ohne Javascript, siehe hier:
http://jsfiddle.net/Sempervivum/vLa2qfo8/1/
Mit einem Hintergrundbild ginge es u. U. noch einfacher.
Es geht auch mit solch einem Flip-Effekt, aber ich habe es jetzt nicht heraus gesucht.
Edit: Sehe erst nach dem Posten den Einwand von Mr. Murphy. Dieser ist natürlich berechtigt.

 

[Hannes2634]

@MrMurphy, @Sempervivum: Danke euch beiden, zur Aussage von MrMurphy - ja ich verzichte darauf. Habe mir eine andere Lösung gesucht. Wollte euch auch nur noch mal kurz danken das ihr immer so schnell und kompetent Antwortet, findet man leider nur noch in wenigen Foren.

Gruß Hannes