Beiträge von Catalina

    Hallo, ich habe ein Hover Effekt bei innewrhalb einer Flexbox in flix-item gebaut - funktioniert auch alles aber ich würde gerne das der hover effekt immer dieselbe größe hat... leider bin ich bis jetzt noch auf keine lösung gekommen. Danke schon mal im voraus für eure Hilfe. Hier der Quelltext den ich erstellt habe:

    .flex-container { display: flex; flex-wrap: wrap;
    }

    .flex-item { width: 160px; margin: 5px; text-align: center; line-height: 20px; /*Abstand innerhalb der Schrift*/ font-size: 14px; font-family: Verdana;
    }
    .flex-item :hover
    { background:#eee

    }

    -----

    Mit width und height angaben komme ich da irgendwie nicht weiter......

    hallo,

    ich habe eine navigation die ich am liebsten mit pixelangaben nach rechts drücken will

    leider funktioniert das nicht mit den üblichen methoden padding 0 0 0 200px; oder padding-left

    hier mal die url:

    http://og-elbbruecke.de/testumgebung/index.html

    hier der html code:

    Code
    1. <label for='show-menu' class='show-menu'>Show Menu</label>
    2. <input type='checkbox' id='show-menu' role='button'>
    3. <ul id='menu'>
    4. <li><a href="#">Über uns</a></li>
    5. <li><a href="#">Leistungen</a></li>
    6. <li><a href="#">Shop</a></li>
    7. <li><a href="#">Impressum</a></li>
    8. <li><a href="#">Datenschutz</a></li>
    9. </ul>

    und der css code:

    sollte ich selber noch die lösung finden schreibe ich das natürlich selbstverständlicxh hier rein .... aber ich denk ich brauch eure Hilfe !

    ok ich habs selber herausgefunden wie es geht:

    ok trotzdem danke -> basti1012 !!!

    basti1012 danke !!!

    basti1012-> wenn du den beiden boxen auch nee feste größe gibst kann das ja auch nicht gehen ( width: 590px; )


    die größe war ja eigentlich so gedacht das man sagen tut insgesamt sind beide flexboxen 590 px breit und davon

    soll halt die erste flexbox 1/3 groß sein /// bzw noch besser wäre es die genau zu deklarieren also jede einzelne box mit width angeben.

    Hallo,

    ich wollte das die erste Breite der Flexbox 1/3 gross ist und die zweite breite daneben 2/3 gross ist

    mein quelltext dazu in css:


    und html:

    Code
    1. <div class="flex-container-referenzen">
    2. <div>
    3. 1
    4. </div>
    5. <div>
    6. 2
    7. </div>
    8. </div>

    Leider zeigt er das nicht so an wie beschrieben sondern jede box zu 50%

    Kann mir einer von euch helfen ?

    Danke im voraus!

    hallo,

    nach firefox update zeigt er im offline modus (file:///C:/1-www/project10/upgrade1.1/start.html) meine schrift nicht mehr an in verschiedenen webseiten.

    davor ging alles ... hat einer ne ahnung wo ich das ändern kann das es wieder funktioniert ?

    habe im offline modus mal google chrome aufgemacht - da funktioniert alles ....

    wenn ich die seiten online über www abrufe mit firefox da haut auch alles hin ....

    Hallo ich habe unter

    http://og-elbbruecke.de/testumgebung/flexbloecke.html

    2 Bereiche übereinander gelegt... ich wollte aber das diese sich in der mobilen Ansicht (mit flex-wrap) automatisch untereinander stehen und nicht zusammen bleiben.

    Irgendwie klappt das nicht ....

    URL: http://og-elbbruecke.de/testumgebung/flexbloecke.html

    Code HTML:

    Code
    1. <div class="bot">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</div> <div class="top"><img src="bild.jpg"></div>
    2. </div>

    Code CSS:

    Code
    1. .top { position: absolute; margin-top: 30px; background-color: white; width: 173px; height: 221px; flex-wrap: wrap;
    2. }
    3. .bot { position: absolute; margin-top: 50px; margin-left: 50px; background-color: #f5f5f5; width: 370px; height: 232px; padding: 0 0 0 200px; flex-wrap: wrap;
    4. }


    Kann das sein das der Aufbau schon nicht sorecht gelungen ist oder habe ich irgendwas vergessen bzw nicht bedacht ?

    Hi,

    ich möchte das sich das Logo in den verschiedensten Desktopgrößen

    auch von der Größe ändert. Leider reagiert er darauf gar nicht.

    Die verschiedenste positionierung reagiert super aber die Größe ändert sich leider nicht...

    Hier mal die URL: http://og-elbbruecke.de/testumgebung/logo.html

    so leider habe ich jetzt n weiteres problem wenn man auf den hamburger button raufdrückt springt dieser wieder nach links also verschiebt sich das wieder so wie davor... wollte das im toggle machen (in der menu.css) mit display : flex; doch da reagiert er nicht

    also das das menu auch dort rechts aufklappt...

    http://og-elbbruecke.de/testumgebung/menu.html

    Dateien

    • screen.jpg

      (48,72 kB, 1 Mal heruntergeladen, zuletzt: )