HTML Code bildschirmabhängig

30.04.2015 15:57
#1 HTML Code bildschirmabhängig
avatar
Mitglied

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


 Antworten

 Beitrag melden
30.04.2015 17:44
avatar  Romulus
#2 RE: HTML Code bildschirmabhängig
avatar
Mitglied

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

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
30.04.2015 17:45
#3 RE: HTML Code bildschirmabhängig
avatar
Mitglied

Okay, vielen Dank, ich probier mal mein Glück!


 Antworten

 Beitrag melden
30.04.2015 18:00
avatar  Romulus
#4 RE: HTML Code bildschirmabhängig
avatar
Mitglied

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 ;)

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
30.04.2015 18:45
#5 RE: HTML Code bildschirmabhängig
avatar
Mitglied

Jetzt siehts super aus, vielen Dank

Falls du nachschauen willst, Romolus: http://abeginningthatneverends.xobor.de/


 Antworten

 Beitrag melden
30.04.2015 18:57
avatar  Romulus
#6 RE: HTML Code bildschirmabhängig
avatar
Mitglied

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

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
30.04.2015 21:04
avatar  Olaf
#7 RE: HTML Code bildschirmabhängig
Ol
Mitglied

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

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
30.04.2015 21:37
avatar  Olaf
#8 RE: HTML Code bildschirmabhängig
Ol
Mitglied

Wenn Die Schriftgröße unter den Bildern greifen soll,dann darf in den "style" Anweisungen kein = zwischen der Eigenschaft und den Wert sein.
Falsch :

1
 
<span style="font-size= 11px;">....
 


Richtig:

1
 
<span style="font-size:11px;">....
 



Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
30.04.2015 21:49
avatar  Romulus
#9 RE: HTML Code bildschirmabhängig
avatar
Mitglied

Dein geschultes Auge, Olaf.

Danke, ich hätte es nicht bemerkt ;)

www.neverface.com
Liebhaber des Business Templates

 Antworten

 Beitrag melden
01.05.2015 16:28 (zuletzt bearbeitet: 01.05.2015 16:52)
#10 RE: HTML Code bildschirmabhängig
avatar
Mitglied

Danke für den Tipp @ Olaf!

So besser?

http://f16802.nexusboard.de/


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!