Forum Replies Created
-
Posts
-
Otherwise great. Fantastic, all the things that are possible with CSS. Its just the top image that needs to come back. See my message above. Otherwise its great.
Ok that worked. Somewhat.
1. After i put in your css, the background image of the top colorsection disappeared. Why might this be? Please can I have it back.
2. the titels of the images in the masonry gallery are aligned to the left. I tried to align them to the center by changing the css but then they moved to the right. Is it possible to have them centered?Best
Sorry misunderstanding. This is not what I meant. Of course the lettering should remain white also on small screens on roll over.
The problem is another. On Mobile view, the title of the image and the masked black blurred background are there from the beginning. Not on rollover. So on mobile one never gets to see the normal image. Only with the writing on top. This is not good.
Please send solution for that.Sorry misunderstanding. This is not what I meant. Of couse the lettering should rremain white also on small screen on roll over.
The problem is another. On Mobile view, the titel of the image and the smaked blurred background are there from the beginning. Not on rollover. So on mobile one never gets to see the image as it is. Only with the writing on top which is not good.
Please send solution for that.Super danke. Jetzt passt es. Ist es möglich den Ideen Kreis beim Laden noch mehr ploppen zu lassen? Am best dass erst nur ein oranger kreis geladen wird un im letzten Moment die Schrift dazukommt?
Also nochmal, mir geht es darum, dass der Kreis auf Mobil jetzt Mini erscheint. Wie kann der grösser sein? Also ab einer bestimmten Screen width einfach die grösse behalten?
Kannst du bitte so gut sein, mir ein konkrete Lösung zu schicken?Ich selber kann den Fehler leider nicht aufspüren. Bitte um fertiges CSS.
Es eilt jetzt leider. Die Webseite soll diese Woche life gehen.
zunächst – ist das intentional, das der Kreis zunächst ohne die Inhalte gezeigt wird?
Ja das ist noch nicht final. Ist grad nicht so wichtig.da oben habe ich ja auch schon eine Anpassung angedeutet. Da kann natürlich auch die width mit hinein.
Wo genau kann die width hinein? Ich lerne noch und habe noch nicht ganz den Durchblick. Bitte schicken wo genau das reinkommt.Hast du eigentlich wirklich die container weite auf 1130px gestellt? ( in dem Fall wäre die margin-left hier nicht nötig).
Wo kann ich das machen?Habe grad gesehen, dass in der mobilen Ansicht die Überblendung und der Titel immer da sind. Geht das auch anders?
Ok jetzt hab ichs. Nur auf Mobil ist der Kreis mini geworden. Wie kann der grösser sein? Also ab einer bestimmten Screen width einfach die grösse behalten?
Das hatte ich tatsächlich schon gemacht, weil CSS ist mir bekannt. Aber es tut sich noch immer nichts :(
Das bild ist riesig und in der Mitte und das Rollover Bild ist eckig :(
Das klingt gut aber ich befürchte ich brauche eine mehr detaillierte Anweisung um dir folgen zu können. zB wo vergeben ich IMG Alb Element etc?
Kannst du bitte für das Ganze detaillierte Schrittte für Dummies auflisten?Ach so, jetzt ist es sichtbar. Super danke dafür. Nächstes Problem – es springt ganz furchtbar wenn man das Fenster verkleinert. Und wird am Ende riesengross.
Es soll einfach in der Ratio bleiben wie bei dem Breitesten setting.Hats du da CSS?
Aber wie bekommst du das SVG ins image Tag? Bei mir erscheint es nicht und als ich vor einigen Wochen mal fragte atwrtete Ismael glaube ich, dass das nicht geht und ich muss den code des SVG ermitteln und in ein Code element pasten. Also wie bekommst du das svg in eine img element sodass man roll in und fade into anther. Das war ja genau der grund, warum ich auf PNG umgesattelt bin. Ich bin gespannt.
Hi Günni,
leider reicht mein Wissen nicht um deinen Vorschlag mit SVG mit Roll over umzusetzen. Auch werde ich aus dem Source nicht schlau. Selbst wenn ich den Code genauso kopiere erscheint bei mir nichts.
Leider muss ich also passen, es sein denn du schickst mir direkt welchen code ich in einen code block setzen muss, damit es funktioniert.Danke
Du sagst – Sei es drum – du hast ja für diese zweite Section ( wie oben angemerkt auch eine unterschiedliche min-height definiert
bei av_section_1 ist es 300px – bei av_section_2 ist es relativ auf : 34vh
ob das sinnvoll ist es auf die Screenhöhe zu setzen ist fraglich. – ich wäre geneigt hier sogar es abhängig von der Screenweite zu machen.
mit doppelten ontent meinst du dass ich ein Element für Desktop und ein anderes für mobil einsetze? Dachte das macht man so. Habe lange rumprobiert bis es einimassen gut aussieht. Wenn es ein andere möglichkeit gibt dann gerne. Finde es sowieso sehr leidvoll, dass es nur diese presets gibt. Verstehe nicht was du meinst von abhängig machen von screenweite?also wenn es eine andere Methode gibt als doppelten content dann gerne.
Finde das obere Beispiel mit dem svg und dem waschbären bei roll over gut. Würde das gerne so übernehmen aber nichts erscheint, wenn ich den code aus dem source kopiere. Alles andere ist da aber der oebre Teil nicht. Kann auch das svg darstellen. aber weiss nicht wie ich da den Rollover einbaue.sorry missverständnis. Es geht nicht um den header sondern um das Banner mit dem Mädchen darunter. Wenn ich das Bild Ideen rausnehme ist das Banner dünner, so wie es sein sollte. Also habe ich daraus geschlossen, dass es bei der grafic padding oder spacing geben muss. Wie kann ich die entfernen?
Bitte css schicken.
Ok jetzt ist es besser. Vielen Dank. Das hat funktioniert.
Nur noch eine Frage zum Ideen Button in der mobilen ansicht. Ich kann nicht finden, wie ich das padding veringer kann. Wenn ich den button ganz rausnehme ist der Header die grösse die er sein sollte. Mt dem Ideen badge wird er höher. Wie kann ich das ändern.Ok I know why its doing that. Because on small screen the logo is aligned the the left. And I set a different layout for the button on small screens.
Any chance of reducing the jump anyway?
nein was soll der Code machen? Habe ihn eingebaut und es ist keine Veränderung.
Habe auch das padding eingebaut aber funktioniert nicht.Ja super vielen Dank. Das hat toll geklappt.
Im Weiteren – Das Logo ist sehr an den oberen Rand geklatscht. Gibt es da noch eine andere Möglichkeit, zb mit padding zu arbeiten, oder muss ich das Logo verändern?
Bitte CSS schicken.
