Suchergebnisse

#nav_aktiv a { color:#fff; } Du musst das Kindelement ansprechen!

Slideshow wäre sinnvoll, ansonsten kannst du dem iFrame mit aspect-ratio die Auflösung vom Bild verpassen.

Hi, bei Media fehlt noch das @!

Weiß nicht, ob das funktioniert, im Browser nicht am Handy probiert: .et_pb_column_0_tb_footer,.et_pb_column_1_tb_footer,.et_pb_column_2_tb_footer { width:100% !important; }

Ok ok....

Ich habe dir doch geschrieben, was funktioniert! Verschachtelte Elemente habe eine höhere Spezifität: .selector { } body .selector { /* hat eine höhere Spezifität, weil verschachtelt*/ }

.container div.box-1 { animation-timing-function: ease; } Geht, aber da schreibst du mehr als in der nicht Shorthand-Schreibweise...

Habe es mal getestet, ich sehe keinen Unterschied mehr zwischen Firefox und Chrome. Das ist sehr seltsam... Ob man das "from" weglassen kann, weiß ich nicht, anscheinend funktioniert es.

Du hast echt ein Händchen für Probleme :cool: . Also das sollte sein (Bei 1.5s sieht man nicht viel) animation: slidedown 2.5s; und hab das mal getestet: @keyframes slidedown { 0% { transform: translate(calc(50vw - 50%),-100vh); width: 100px...

Was ich gepostet habe ist nicht vollständig, wenn man während der Animation raushovert, springt es auf die 100% Breite... Die Lösung ist ein mouseover im Javascript, anstatt CSS Hover. Siehe hier: https://codepen.io/Oliver7777/pen/NWZZQzo

Hmm habe mit purem CSS nicht das Gewünschte gefunden, vielleicht findet das jemand. Mit kleinem Javascript geht es immerhin. https://codepen.io/Oliver7777/pen/ExBBqmV

So hab mal mein Beispiel mit einfachem Javascript zum Laufen gebracht. Es gibt einen Container mit 900px Breite in dem das Logo liegt. https://codepen.io/Oliver7777/pen/wvLLwEW

Ah so funktioniert es. War so frei es in einen Pen zu packen: https://codepen.io/Oliver7777/pen/LYKKxpK Was kann man machen transform: translateX(calc(50vw - 50%)); Wenn das alles in einem kleineren Wrap gepackt ist?

Hi mal wieder ein Pen: https://codepen.io/Oliver7777/pen/RwzzbKO Hmm aber ich sehe grad, dass man den ganzen Bereich hovern kann, ich gucke mir das nochmal an! https://codepen.io/Oliver7777/pen/wvLLwEW Jetzt ist der Hoverbereich kleiner, aber bleibt links.

Hmm habe das noch mal getestet mit Text. <div class="div1"><span>Text</span></div> .div1 span { visibility: hidden; /* geht nicht */ display: none; /* geht nicht */ opacity:0; /* geht nicht */ color:transparent; /* geht als einziges */ } Ich weiß ja nicht, was du noch vorhast, aber wenn du Text...

musst du vor dem schließenden body-tag einfügen (mit <script></script>)!

Ah ok null Plan von Outlook :) Benutze es nicht...

Hmm mal mit Gmail verschickt und 1und1 webmailer geöffnet: Flex gap:20px kennt er nicht!

Achso flex geht nicht?

Da du keine Tabelle eigentlich brauchst, hier eine Vorlage nur mit <div> https://codepen.io/Oliver7777/pen/OJeGrmq