Errrrledigt. x) Dankeschön.
Beiträge von gindaisy
-
-
Hi Sailor
Ich habe die Seite eben mal freigeschaltet und würde Dir den Link mal eben per PN zukommen lassen...
Ich selbst habe jetzt nämlich nichts gefunden. Mir ist nur aufgefallen dass es mit meinem Code von oben geht, also vor /li und /ul...Danke für Deine Hilfe!
-
So hatte ich es vorher auch. Wenn ich das so mache rückt es aber die unteren Kästchen aus dem schwarzen Hintergrund raus. Dafür sind dann aber alle 4 Kästchen in der letzten Reihe in einer Reihe...
(erster Screenshot)Das mit den DIVs ist ein guter Tipp. Mach ich direkt. Dankeschön!
-
Hi!
Das hat super funktioniert. Sieht absolut klasse aus. Einziges Problem welches sich jetzt noch stellt ist dass ja unter den 12 Kästchen noch andere Kästchen platziert sind.
Entweder rückt es das 12. Kästchen automatisch eine Reihe tiefer wenn die weiteren Kästchen unten innerhalb des schwarzen Hintergrundes sind, oder die 12 bleibt oben, dafür sind die unteren Kästchen aber außerhalb des Hintergrundes... Siehe Screenshot.
Ansonsten sieht das super aus so wie es ist!HTML
Alles anzeigen<div class="item grid2x2"><img class="alignnone size-full wp-image-29" src="" width="470" height="400" /> <h2>Überschrift</h2> <div class="white"></div> </div> <div class="item grid2x2"> <div class="green"> <div align="justify">TEXT TEXT TEXT</div> </div> </div> <br clear="all"> <ul> <li class="l_pop"> <ul> <li class="upper"> <div class="pop_up">mit Text 1</div> </li> </ul> <div class="permanent"> <div class="item grid1x1"> <h2>Text Text 1</h2> <div class="white">1</div> </div> </div> </li> <li class="l_pop"> <ul> <li class="upper"> <div class="pop_up">mit Text 2</div> </li> </ul> <div class="permanent"> <div class="item grid1x1"> <h2>Text Text 2</h2> <div class="white">2</div> </div> </div> </li> <li class="l_pop"> <ul> <li class="upper"> <div class="pop_up">mit Text 3</div> </li> </ul> <div class="permanent"> <div class="item grid1x1"> <h2>Text Text 3</h2> <div class="white">3</div> </div> </div> </li> <li class="l_pop"> <ul> <li class="upper"> <div class="pop_up">mit Text 4</div> </li> </ul> <div class="permanent"> <div class="item grid1x1"> <h2>Text Text 4</h2> <div class="white">4</div> </div> </div> </li> <li class="l_pop"> <ul> <li class="upper"> <div class="pop_up">mit Text 5</div> </li> </ul> <div class="permanent"> <div class="item grid1x1"> <h2>Text Text 5</h2> <div class="white">5</div> </div> </div> </li> <li class="l_pop"> <ul> <li class="upper"> <div class="pop_up">mit Text 6</div> </li> </ul> <div class="permanent"> <div class="item grid1x1"> <h2>Text Text 6</h2> <div class="white">6</div> </div> </div> </li> <li class="l_pop"> <ul> <li class="upper"> <div class="pop_up">mit Text 7</div> </li> </ul> <div class="permanent"> <div class="item grid1x1"> <h2>Text Text 7</h2> <div class="white">7</div> </div> </div> </li> <li class="l_pop"> <ul> <li class="upper"> <div class="pop_up">mit Text 8</div> </li> </ul> <div class="permanent"> <div class="item grid1x1"> <h2>Text Text 8</h2> <div class="white">8</div> </div> </div> </li> <li class="l_pop"> <ul> <li class="upper"> <div class="pop_up">mit Text 9</div> </li> </ul> <div class="permanent"> <div class="item grid1x1"> <h2>Text Text 9</h2> <div class="white">9</div> </div> </div> </li> <li class="l_pop"> <ul> <li class="upper"> <div class="pop_up">mit Text 10</div> </li> </ul> <div class="permanent"> <div class="item grid1x1"> <h2>Text Text 10</h2> <div class="white">10</div> </div> </div> </li> <li class="l_pop"> <ul> <li class="upper"> <div class="pop_up">mit Text 11</div> </li> </ul> <div class="permanent"> <div class="item grid1x1"> <h2>Text Text 11</h2> <div class="white">11</div> </div> </div> </li> <li class="l_pop"> <ul> <li class="upper"> <div class="pop_up">mit Text 12</div> </li> </ul> <div class="permanent"> <div class="item grid1x1"> <h2>Text Text 12</h2> <div class="white">12</div> </div> </div> <br clear="all"> <div class="item grid2x1"> <div class="green"><div align="center"><b>Überschrift</b></div><br /> <div align="justify"><font size="1,8">TEXT TEXT TEXT</font></div></div></div> <div class="item grid2x1"> <div class="green"><div align="center"><b>Überschrift</b></div><br /> <div align="justify"><font size="1,8">TEXT TEXT TEXT</font></div></div></div> <div class="item grid2x2"> <div class="green"><div align="center"><b>Überschrift</b></div><br /> <div align="justify"><font size="2">TEXT TEXT TEXT</font></div></div></div> <div class="item grid2x3"> <div class="green"> [contact-form-7 id='425' title='Bestellungen']</div> </div> </li> </li> </ul> </div> </body> -
Hallooooooooho!
Boah, das ist auf jeden Fall tausend Mal mehr als ich geschafft habe. Funktioniert soweit einwandfrei. Vielen herzlichen Dank dafür! Das einzige Problem was jetzt noch ist: Es passen auf meiner Laptopansicht nicht mehr automatisch 4 der Kästchen nebeneinander. Unten drunter ist ein Bestellformular was die Seite auf bis zu 920px Breite zieht - es würden, so wie vorher auch, locker 4 Kästchen hinpassen - aber nach 3 rückt es automatisch die nächste Zeile an (siehe Screenshot)... Können wir das noch irgendwie hinkriegen? Dann bin ich direkt mal wunschlos glücklich!
Vielen herzlichen Dank und viele Grüße!
-
Guten Morgen
Die Seite an sich ist online, nur diese Unterseite natürlich nicht weil die noch komplett im Aufbau und nur mit Mustertext voll ist.
Die CSS Datei würde ich Dir mal eben per PN zukommen lassenViele Grüße,
Daisy -
Hi Sailor und danke noch mal
Also die aktuelle Homepage wurde durch eine EDV Firma mit Wordpress erstellt und ich musste hart kämpfen, habe aber inzwischen den vollen Zugriff auf alle Seitendateien sowie die CSS-Datei, ändern kann ich da also jederzeit was. Ich kann Dir auch gern mal den Code der jeweiligen Seite anhängen die es derzeit zu bearbeiten gilt, vielleicht hilft das ja schon weiter.
Code
Alles anzeigen<div class="item grid2x2"><img class="alignnone size-full wp-image-29" src="" alt="" width="470" height="400" /> <h2>Texte</h2> <div class="white"></div> </div> <div class="item grid2x2"> <div class="green"> <div align="justify">Text Text</div> </div> </div> <div class="item grid1x1"> <h2>Text Text 1</h2> <div class="white">1</div> </div> <div class="item grid1x1"> <h2>Text Text 2</h2> <div class="white">2</div> </div> <div class="item grid1x1"> <h2>Text Text 3</h2> <div class="white">3</div> </div> <div class="item grid1x1"> <h2>Text Text 4</h2> <div class="white">4</div> </div> <div class="item grid1x1"> <h2>Text Text 5</h2> <div class="white">5</div> </div> <div class="item grid1x1"> <h2>Text Text 6</h2> <div class="white">6</div> </div> <div class="item grid1x1"> <h2>Text Text 7</h2> <div class="white">7</div> </div> <div class="item grid1x1"> <h2>Text Text 8</h2> <div class="white">8</div> </div> <div class="item grid1x1"> <h2>Text Text 9</h2> <div class="white">9</div> </div> <div class="item grid1x1"> <h2>Text Text 10</h2> <div class="white">10</div> </div> <div class="item grid1x1"> <h2>Text Text 11</h2> <div class="white">11</div> </div> <div class="item grid1x1"> <h2>Text Text 12</h2> <div class="white">12</div> </div> <div class="item grid2x1"> <div class="green"><div align="center"><b>Text</b></div><br /> <div align="justify"><font size="1,8">Text Text</font></div></div></div> <div class="item grid2x1"> <div class="green"><div align="center"><b>Text</b></div><br /> <div align="justify"><font size="1,8">Text Text</font></div></div></div> <div class="item grid2x2"> <div class="green"><div align="center"><b>Text</b></div><br /> <div align="justify"><font size="2">Text Text</font></div></div></div> <div class="item grid2x3"> <div class="green"> [contact-form-7 id='425' title='Bestellungen']</div> </div>Das wäre jetzt der Code wie er aussieht auf der entsprechenden Seite. Bei Bedarf kann ich auch gern die aktuelle CSS noch mit anhängen, sollte das irgendwie nötig sein.
Bin Dir auf jeden Fall super dankbar für Deine Hilfe!
Viele Grüße,
Daisy -
Hi Sailor und erst mal vielen lieben Dank.
Auf Deiner Musterseite sieht das schon mal total top aus - muss aber zu meiner Schande gestehen... Dass ich ehrlich gesagt keinen blassen Schimmer habe wie ich das jetzt da auf die Seite einbringe. Die css-Datei ist ausgelagert und so wie Du es nun da geschrieben hast weiß ich zwar wie ich es beispielsweise auf meiner privaten Seite machen würde, aber bei der mit Wordpress gemachten Seite tu ich mich ein wenig schwer.
Was könnte ich Dir denn schicken damit Du weißt was ich meine...?
Ich bin in Wordpress unter Seiten drin. Und bearbeite da gerade entsprechende Seite auf der die Produkte zu finden sein sollen. Da geht es aber dann gleich los mit den weißen Kästchen etc. - also zum Design selbst oÄ garnichts weiter. Ach... Ich stell mich doof an. Verzeihung... x)Viele Grüße,
Daisy -
Hallo ihr Lieben.
Ich hoffe dass Ihr mir ein wenig weiter helfen könnt, den im Moment treibt mich die neue Website in den Wahnsinn.
Das Prinzip ist eigentlich ganz einfach, die Umsetzung raubt mir dafür den letzten Nerv. Link kann ich derzeit noch nicht reinstellen - ist eine Firmenwebsite und noch nicht startklar, daher hoffe ich dass das so funktioniert.Und zwar haben wir eine Homepage mit wordpress gebaut und soweit läuft auch alles. Jetzt allerdings möchte ich ein onmouseover per HTML / CSS einbinden. Ich habe dazu zahlreiche Tutorials gefunden, allerdings reichen meine Kenntnisse nicht aus um das alles so aufzubauen wie ich mir das vorstelle.
Dazu bitte einmal das Bild im Anhang beachten.
Es gibt 12 dieser Kästchen von denen man aktuell 1 bis 4 auf der Grafik sieht.
Ein Kästchen besteht aus:
Code<div class="item grid1x1"> <h2>Text Text 1</h2> <div class="white">1</div> </div>Im Prinzip möchte ich nun dass sich, wenn ich mit der Maus über das Kästchen fahre, wie auf der Grafik ein grünes Feld öffnet, mit Pfeil unten links welcher in das entsprechende Kästchen ragt, in welchem man weitere Informationen zu dem Produkt findet, dessen Foto sich eigentlich als Hintergrundbild in den jeweiligen Boxen finden sollte und sich wieder schließt, sobald ich mit der Maus das Kästchen verlasse.
Das in genau der Art für alle 12 Kästchen - das Kästchen sollte dabei eine fixe Größe haben die ich dann im Nachhinein noch selbst festlegen muss, abhängig davon wie viel Text ich benötige.
Ich bin auf der Suche nach Tooltips gestoßen, allerdings hat das hinten und vorne nicht gepasst. Ich hatte es zwar irgendwann so weit dass sich ein Popup geöffnet hat, aber nicht dort wo es sollte und der h2-Text der jetzt IN dem Kästchen ist war auf einmal ganz oben auf der Website. Also definitiv nicht da wo er hingehört...
Außerdem war das eine Lösung per a-tag. Eigentlich nicht das was ich möchte da das onmouseover für den gesamten Container gelten soll - also sowohl wenn ich über das Hintergrundbild fahre als auch wenn ich mit dem Mauszeiger die h2-Schrift berühre.Ich hoffe, dass mir hier jemand helfen kann. Ich bin mit meinem Latein nämlich tatsächlich langsam am Ende ._.
Danke im Voraus und viele Grüße,
Daisy