html Anfänger braucht Hilfe beim Aufbau einer responsiven Website

[Tronjer]

* {
margin: 0;
padding: 0;
}

Nun ist mein Antwort-Pool für heute aber erschöpft.

 

[-dAtA-TRoN-]

Nun ist mein Antwort-Pool für heute aber erschöpft.

ja, dann nicht mehr angesprochen fühlen. Aber ganz großes dankeschön für deine tolle hilfe. bin ein ganzes stück weiter gekommen!:)

 

[SpiceLab]

[Off-Topic]

62 Beiträge bis hierher? Stramme Leistung

 

[bdt600]

[Off-Topic]

62 Beiträge bis hierher? Stramme Leistung

Stimmt. Ich kenne Foren, da wäre dieser Thread wegen mangelnder Eigeninitiative schon längst geschlossen. Aber dazu bedarf es ja Moderatoren

 

[-dAtA-TRoN-]

[Off-Topic]

62 Beiträge bis hierher? Stramme Leistung

...und es wird noch mehr!

die hintergründe sind die dass ich sozusagen beim "strohhalme ziehen" verloren habe als es in unserem team um die frage ging:

"wer kümmert sich eigentlich um die website?"

da wir alle die totalen html-profis sind, haben wir uns entschlossen das so zu machen. tja, einer musste daran glauben -ich! bis vor 2 wochen habe ich html noch für eine unbedeutende abkürzung gehalten mit der ich mich niemals ernsthaft auseinander setzen müsste.

sag niemals nie!

 

[bdt600]

[Off-Topic]
...und es wird noch mehr!

Das befürchte ich auch!

Wie wäre es denn mal mit Grundlagen lernen???

 

[SpiceLab]

Aber dazu bedarf es ja Moderatoren

Das alte Thema

 

[-dAtA-TRoN-]

Das befürchte ich auch!

dafür habe ich keine zeit! -bis donnerstag muss ich damit aller spätestens fertig sein. und es wird ja auch nicht mehr allzuviel von mir verlangt:

muss nur noch ein paar socialmedia-buttons einfügen, einen hover-effekt für die verschiedenen buttons erstellen und eine Team-Seite wo ich ein paar fotos, namen und funktionen der Teammitglieder hinterlege.

also ist es jetzt nicht sooo wild. nur die zeit sitzt mir im nacken.

 

[SpiceLab]

Wie wäre es denn mal mit Grundlagen lernen???

dafür habe ich keine zeit! -bis donnerstag muss ich damit aller spätestens fertig sein. und es wird ja auch nicht mehr allzuviel von mir verlangt:

muss nur noch ein paar socialmedia-buttons einfügen, einen hover-effekt für die verschiedenen buttons erstellen und eine Team-Seite wo ich ein paar fotos, namen und funktionen der Teammitglieder hinterlege.

also ist es jetzt nicht sooo wild. nur die zeit sitzt mir im nacken.

Mit den empfohlenen Grundlagen eine Sache von 'ner knappen Stunde

 

[newby]

Was soll denn das für einen Hover Effekt werden? Hast du denn jetzt die Buttons an die Seite mit der Hilfe von Tronjer bekommen?

 

[bdt600]

dafür habe ich keine zeit!

Das ist einzig und allein dein Problem!

-bis donnerstag muss ich damit aller spätestens fertig sein.

Bei dem Tempo, dass du bisher vorgelegt hast, wird das wohl nix.

und es wird ja auch nicht mehr allzuviel von mir verlangt:

Na dann, viel Erfolg. Allerdings sehe ich nicht, wie du das alleine schaffen willst. Bei deiner Lernverweigerung wird sich die Schar der Helfer in einem überschaubaren Rahmen abspielen.

nur die zeit sitzt mir im nacken.

Das oder am Himalaya furzt ein Yak, das ist ein und das selbe, wie gesagt dein Problem

Mit den empfohlenen Grundlagen eine Sache von 'ner knappen Stunde

Wenn man sich mit den Grundlagen mal beschäftigt hätte

 

[-dAtA-TRoN-]

Was soll denn das für einen Hover Effekt werden? Hast du denn jetzt die Buttons an die Seite mit der Hilfe von Tronjer bekommen?

ja, er hat mehr sehr gut geholfen :). im moment sieht die geschichte so aus:


bei dem team button sieht man leider noch eine kleine lücke. keine ahnung wie ich die weg bekomme. in den linken leeren button sollen die social media icons rein. der hover-effekt soll über den drei buttons liegen. die buttons sind allesamt nur jpg datein welche einfach nur durch eine aufgehellte version geflippt werden sollen wenn man mit der maus darüber "hovert". über den team-button soll man auf die erwähnte zweite seite kommen wo man dann unsere teammitglieder begutachten kann.

wenn du (oder jemand anderes hier) noch den ein oder anderen tipp bezgl. der oben angesprochenen probleme hat, wäre ich sehr dankbar. nur zur info: ich arbeite in dreamweaver cc.

 

[-dAtA-TRoN-]

@bdt600 -es zwingt dich keiner mir zu helfen, ist ja alles freiwillig.

 

[SpiceLab]

bei dem team button sieht man leider noch eine kleine lücke. keine ahnung wie ich die weg bekomme.

Wenn dieser Vorschlag

* {
margin: 0;
padding: 0;
}

nicht geholfen hat, wird es Zeit, die Seite online zu stellen, um einen kompletten Blick darauf werfen zu können.

Am Webspace sollte es ja nicht scheitern:

Ich bekomme free webspace von meiner schule gestellt. deshalb brauche ich mich darum nicht kümmern.

Falls die aber noch nicht so weit sind:

Oder auf https://jsfiddle.net

...

der hover-effekt soll über den drei buttons liegen. die buttons sind allesamt nur jpg datein welche einfach nur durch eine aufgehellte version geflippt werden sollen wenn man mit der maus darüber "hovert".

Dafür sind CSS Sprites besser geeignet, als <img>-Elemente, ohne extra JavaScript zum Bildertausch zu bemühen.

- http://www.w3schools.com/css/tryit.asp?filename=trycss_sprites_hover_nav

PS: Weil's ja eine responsive Webseite werden soll: css sprites responsive

 

[-dAtA-TRoN-]

@Spicelab hey, dankeschön! :)
scheinbar habe ich hier doch noch nicht alle leute verärgert...

ja, ich sitze immernoch dran. habe auch feststellen können dass rollover images leider nur über java zu bewerkstelligen sind. daher fällt das für mich flach. diese css möglichkeiten um den buttons einen "feedback-effekt" zu verpassen habe ich ebenfalls schon gesichtet. das wird wohl das mittel der wahl für mich werden.

von dem responsive design habe ich mich inzwischen ebenfalls verabschiedet. das bekomme ich so schnell nicht mehr hin.

das hier ist mein momentaner stand:


derzeit versuche ich die social media buttons in den darüberliegenden großen button zu bekommen. habe so'ne idee das vielleicht mit "position: relative" & "z-index" hinzubekommen.

vielen dank nochmal für deine antwort!;)

 

[SpiceLab]

Um Deine Frage bzgl. des Abstandes am rechten Bildrand beantworten zu können, ist der vollständige Quellcode oder der Link zur Seite ist gefragt.

 

[bdt600]

Ich korrigiere:
Um Deine Frage bzgl. des Abstandes am rechten Bildrand beantworten zu können, ist der Link zur Seite gefragt.

 

[SpiceLab]

Ich korrigiere:
Um Deine Frage bzgl. des Abstandes am rechten Bildrand beantworten zu können, ist der Link zur Seite gefragt.

Und ich korrigiere der Vollständigkeit halber

Um Deine Frage bzgl. des Abstandes am rechten Bildrand beantworten zu können, ist der vollständige Quellcode oder der Link zur Seite gefragt.

 

[bdt600]

Um Deine Frage bzgl. des Abstandes am rechten Bildrand beantworten zu können, ist der vollständige Quellcode oder der Link zur Seite gefragt.

So ist besser

 

[SpiceLab]

Um Deine Frage bzgl. des Abstandes am rechten Bildrand beantworten zu können, ist der vollständige Quellcode oder der Link zur Seite gefragt.

So ist besser

Der vollständige HTML- u. CSS-Code genügt (mir), um dem unerwünschten Abstand auf die Schliche zu kommen

Live is Life ist natürlich auch nicht zu verachten, wenn eingebundene Grafiken im Spiel sind