|
|||
Problem bei der Darstellung auf mobiler Webseite
Hallo zusammen,
auf meiner Webseite https://oldtimer-veranstaltung.de/ gibt es unten auf der Seite eine Leiste mit den Feldern: Anzeigen Veranstaltungstipps Videos Newsletter Danke sagen Wenn diese Seite auf einem Smartphone angezeigt wird, kleiner 1024 Pixel, rutschen die oben genannten Texte untereinander. Prinzipiell ist das richtig, aber die Texte mit den blauen Hintergründen sollen auf dem Smartphone horizontal Abstand voneinander haben, das würde schöner aussehen. Nun meine Frage, was muss ich bei der CSS Definition ändern, damit auf dem Smartphone die blauen Felder auf einem Smartphone untereinander mit Abständen angezeigt werden? Aktuell sind folgende css-Definitionen vorhanden: .social-share-button a{margin-bottom: 20px 0 0;} .social-share-button { background: #ecf0f1 none repeat scroll 0 0; display: block; font-size: 1rem; overflow: hidden; padding: 20px 0; position: relative; text-align: center; } Schon einmal besten Dank für die Hilfe das kleine optische Problem zu lösen. |
Sponsored Links |
|
|||
Hallo
Ändere Code:
.social-share-button a{margin-bottom: 20px 0 0;} Code:
.social-share-button a { margin-bottom: 10px; display: inline-block; white-space: nowrap; } Gruss MrMurphy |
Sponsored Links |
Stichwörter |
css, darstellung, felder, smartphone, untereinander |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem bei Darstellung | digniti | CSS | 2 | 19.02.2010 20:14 |
Hilfe!! Problem Webseite mit Internet Explorer 7 | nemrod | CSS | 2 | 29.12.2007 13:55 |
Problem mit Darstellung im IE 6 | uspri | CSS | 18 | 19.12.2007 13:59 |
Problem mit Darstellung von Bild im Internet Explorer | Sp33dy G0nz4l3s | CSS | 4 | 27.05.2006 22:38 |