Beiträge von Andrea123

Vielen Dank schon mal für die Tipps...
Ich habe clear:both zur div class hinzugefügt, aber es hat sich nichts getan.
Wie sieht das ganze denn dann als Code aus? Die max-width ist auf 100% oder sehe ich das falsch?
</div>
<div class="one_half last">
<div style="clear:both"></div>
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 35px;
height: 0;
overflow: hidden;

video-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;

<h4></h4>
<iframe src="http://forum.wpde.org/view-source:ht…bed/uraaKNUOAdU" width="560" height="315" frameborder="0">iframe, object, embed {
max-width: 100%;
} </iframe>

Müsste nach diesem Code meine div nicht div class="video-container" sein? Dann rutscht das Video zwar nach unten, aber auch in der normalen Ansicht auf dem PC.

Hallo ihr lieben Helferinnen und Helfer,

kaum ist eine Herausforderung gemeistert, stehe ich schon vor einem anderen Problem...
Bei vielem konnte ich mich mit meinem Amateur-Wissen durchbasteln, aber hier bin ich ratlos!

Ich verwende für die Gestaltung einer nicht kommerziellen Seite ein Theme, dass eigentlich im Responsive Design bereit steht.
Das funktioniert auch wunderbar - allerdings nur bis zu einer gewissen Größe des Displays. Bei einer Fenstergröße, wie es zum Beispiel das Smartphone hat, tut die Seite leider nicht das, was sie soll...

Woran liegt das? Eventuell am eingebetteten Video?
Das hier ist der Link zur Seite: http://www.rapid-cycle.de

Ich möchte mir die (für meine Verhältnisse) mühevoll aufgebaute Seite nicht völlig zerstören und wäre sehr dankbar, wenn jemand einer blutigen Anfängerin ein wenig weiterhelfen könnte :-)

Vielen vielen Dank für all die Hilfe...
Nach etwas rumbasteln hat es nun funktioniert, auch wenn ich das mit dem Hover-Effekt einfach etwas anders angehen musste.
Wie ich es nun genau gemacht habe, kann ich euch gar nicht sagen. Ich habe so viel ausprobiert, bis es ging :-)
Aber der letzte Hinweis war der entscheidende! Die Wartungsarbeiten sind nun auch fast abgeschlossen, dann wird es mit Link zur Seite wohl einfacher...

Danke...Das nächste Problem wartet bestimmt schon auf eure Expertise :-)

So sieht es aktuell aus...Ich hätte es gerne nebeneinander in einer Reihe! Natürlich mit unterschiedlichen Bildern ;-)

Vielen Dank für eure Hilfe und tut mir Leid, dass es bei mir mit einer Antwort etwas länger gedauert hat.

Also das mit dem float:left funktioniert leider nicht so richtig, wobei ich glaube, dass ich es einfach an einer falschen Stelle in meinem Editor eintrage.
Helix, zu deiner Frage mit h3 und dem p-tag. Das bezieht sich nur auf den Hover-Effekt, der erscheint, sobald ich mit der Maus über das Bild fahre.
Dann klappt sich eine kleine Box hoch mit den Informationen, die unter H3 und dem p-tag hinterlegt sind.

Der Effekt an sich funktioniert auch. Ich möchte die Bilder nur gerne nebeneinander anordnen und nicht untereinander.

Grüße!

Danke für die schnelle Antwort!
Die Seite ist leider noch nicht online und ich baue auch für Freunde und nicht für mich. Daher kann ich leider noch keinen Link freigeben.
Schon mal vielen Dank für die Hilfe!
Und wo gebe ich das mit float:left in dem Codebeispiel?

Im Editor ist das hinterlegt:
.alignleft {
float: left;
margin: 5px 20px 20px 0;

Nur wo gebe ich das in der CSS an? Vor dem Hover Effekt oder dazwischen irgendwo?

Liebes Forum,

ich bin derzeit erst dabei mich mit CSS und HTML anzufreunden und bin daher über Hilfe jeder Art dankbar :-)
Für meine Seite mit dem Onetone Theme möchte ich Bilder mit einem Hover Effekt erzeugen.
Das mit dem Effekt habe ich hinbekommen, nur leider erscheinen die Bilder immer untereinander. Ich möchte allerdings fünf Bilder nebeneinander haben, in etwa so wie unter "Die Besetzung": http://www.boppinb.de/
Meine Seite ist leider noch nicht online, daher kann ich den Link noch nicht posten.
Ich habe folgenden Code eingebunden mit dem Hover Effekt:

<div class="col-sm-6">
<div class="row"
<!-- normal -->
<div class="ih-item square effect3 bottom_to_top"><a href="#">
<div class="img"><img src="http://bild1" alt="img">﷐</div>
<div class="info">
<h3>NAME</h3>
<p>INFOS</p>
</div></a></div>

Das funktioniert auch einwandfrei. Aber wie ordne ich mehrere Bilder (5 Stück) nebeneinander an?
Ich habe es schon mit align:center oder float probiert. Leider weiß ich nicht so recht wo ich das einsetzen soll...

Wäre toll, wenn jemand einen Rat hat!
Vielen Dank!!