zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem bei der Darstellung auf mobiler Webseite

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.04.2016, 20:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2016
Beiträge: 6
mustermann befindet sich auf einem aufstrebenden Ast
Standard 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.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 23.04.2016, 20:27
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Ändere

Code:
.social-share-button a{margin-bottom: 20px 0 0;}
mal in

Code:
.social-share-button a {
    margin-bottom: 10px;
    display: inline-block;
    white-space: nowrap;
}
Nebenbei: Hinter margin-bottom darf nur ein Wert stehen.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 23.04.2016, 21:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.04.2016
Beiträge: 6
mustermann befindet sich auf einem aufstrebenden Ast
Standard

Hallo MrMurphy,

vielen Dank für den "richtigen" CSS-Code. Ich habe die Änderungen eingebaut.

Besten Dank für die schnelle Hilfe.

Bis bald
mustermann
Mit Zitat antworten
Antwort

Stichwörter
css, darstellung, felder, smartphone, untereinander

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:12 Uhr.