Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
HTML Code bildschirmabhängig
#1 HTML Code bildschirmabhängig
Hallo ich habe da mal eine Frage!
Unzwar möchte ich wissen ob auf der Seite: http://abeginningthatneverends.xobor.de/
Die Möglichkeit besteht, dass ich den HTML Code, der ganz unten für die Bildchen und den Text darunter nötig ist, irgendwie so einstellen kann, dass es nich bildschirmgrößenabhängig verzogen wird... um das mal an Beispielen zu verdeutlichen:
So sieht es bei einem kleinen Bildschirm aus:
So bei großen Bildschirmen:
Gibt es eine Möglichkeit den Text passend unter jedes Bild zu schieben, sodass er auf allen Bildschirmen gleich ist?
Hoffe jemand findet sich, der mir helfen kann
Mit einem Tabellen-Code müsste sich das prima lösen lassen.
Fünf Spalten und zwei Zeilen. Die obere Zeile für die Bilder, die untere für die BesBeschriftungen.
Es gibt im Netz viele Online-Tabellen-Generatoren. Da bekommst du gleich den fertigen Html-Code für deine spezielle Tabelle.
Innerhalb des Rohgerüstes des Tabellen-Codes kannst du dann noch beliebig viele CSS-Anpassungen vornehmen (Hintergrundfarbe, Rahmen, rechtsbündige Beschriftung, Rahmen etc.).
LG. Romulus
#3 RE: HTML Code bildschirmabhängig
Okay, vielen Dank, ich probier mal mein Glück!
So manche Html-Angelegenheiten lassen sich tatsächlich nur mittels Tabellen vernünftig lösen.
Besonders wo innerhalb einer bestimmten Breite (Stichwort "width") mehrere Elemente nebeneinander sauber dargestellt werden sollen. Dabei passt sich die eingestellte Gesamtbreite der Tabelle immer der jeweiligen Bildschirmauflösung an.
In deinem Fall müsstest du also für die Spaltenbreite 20% notieren, da es fünf Bilder sind, die auf die verfügbare Breite verteilt werden sollen. Die Höhe der einzelnen Zellen ergibt sich dann automatisch aus dem Inhalt.
So kniffelig Tabellen-Codes auch wirken mögen - man lernt sie schnell lieben ;)
Liebhaber des Business Templates
#5 RE: HTML Code bildschirmabhängig
Jetzt siehts super aus, vielen Dank
Falls du nachschauen willst, Romolus: http://abeginningthatneverends.xobor.de/
Wow! Das hast du echt schnell hinbekommen.
Bin gerade mit dem Tablet online. Zwischen dem 4. und dem 5. Bild ist etwas mehr Zwischenraum als bei den anderen.
Das muss eine Ursache haben. Wenn du das auch noch lösen kannst ist es geradezu perfekt!
LG. Romulus
Zitat von Romulus im Beitrag #6
Zwischen dem 4. und dem 5. Bild ist etwas mehr Zwischenraum als bei den anderen.
Das muss eine Ursache haben. Wenn du das auch noch lösen kannst ist es geradezu perfekt!
Das bewirkt die Schrift unter den 4.Bild,die eine "Überbreite" zu den Bild hat.
Wenn die Schrift unter den Bildern verkleinert wird,dann stimmt es wieder.
Gruß
Olaf
Wenn Die Schriftgröße unter den Bildern greifen soll,dann darf in den "style" Anweisungen kein = zwischen der Eigenschaft und den Wert sein.
Falsch :
<span style="font-size= 11px;">....
Richtig:
<span style="font-size:11px;">....
Gruß
Olaf
Dein geschultes Auge, Olaf.
Danke, ich hätte es nicht bemerkt ;)
#10 RE: HTML Code bildschirmabhängig
Danke für den Tipp @ Olaf!
So besser?
http://f16802.nexusboard.de/
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software