• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Frage Zu <Table>,<td> und <tr>

Werbung:
Und für horizontale Zentrierung gibt es das klassische text-align: center; oder mit Flex geht es auch sehr gut:
Code:
display: flex;
flex-direction: column;
align-items: center;
oder auch mit margin: 0 auto;
Hm....das funktioniert aber mit <img src="Bilder...."> leider nicht, und wenn ich nur das <center> davor setze geht es zwar, aber dann meckert W3C.
Jetzt habe ich es aber doch hingekriegt.
Ein paar Dinge sind mir aber noch unklar:
Muss jeder Bestandteil der Website-Seite in einen Container?
Ich dachte HEAD, BODY und FOOTER können jeweils unterschiedlich "konstruiert" werden. Als footer hätte ich nämlich gerne den ursprünglichen....naja, ich übe noch
 
Zuletzt bearbeitet:
Werbung:
Die alte Website sieht doch sehr gut aus, nur mit der Einschränkung, dass sie Tabellenlayout verwendet. IMO ist der Footer so völlig OK. Die Navigation oben kannst Du auf Grid oder Flex umstellen, wie Du es schon begonnen hast.
Und bei dem mittleren Hauptbereich ist weniger mehr: Du willst die Elemente ja nur untereinander anordnen und dazu brauchst Du weder eine Tabelle noch unbedingt Grid oder Flex.
Ich habe inzwischen die Startseite erfolgreich (?) umgeschrieben. Was mich jetzt aber stört, ist dass man beim Aufrufen der Seite, oder auch beim neu laden, kurz ein Hintergrundflackern sieht mit dem Abbild dieser Seite. Wie kann ich das denn beseitigen?
https://welse.net/1 HTML-Test/Grid/grid 13.html
Inzwischen passiert das beim Start nicht mehr, "nur" noch beim neu laden...
 
Zuletzt bearbeitet:
Werbung:
Deine Navigation ist in einem festen grid. Es wäre besser, wenn du das in einen Nav container legst und nicht nur für eine Desktopbildschirmgröße passend machst. Auf kleinen Bildschirmen wird deine Navigation immer abgeschnitten.
 
Werbung:
Deine Navigation ist in einem festen grid. Es wäre besser, wenn du das in einen Nav container legst und nicht nur für eine Desktopbildschirmgröße passend machst. Auf kleinen Bildschirmen wird deine Navigation immer abgeschnitten.
Klingt plausibel, aber soweit bin ich wohl noch lange nicht mit meinem Wissen, wie man das macht... :-(
 
Da gibt es noch mehr, was diskussionswürdig ist:
  • Immer noch eine Inflation von Containern, vor allem der äußerste ist sinnfrei mit dem CSS:
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  • Gridlayout für die Navigation, main und footer ist semantisch unpassend, da die Elemente nur eindimensional angeordnet sind. Besser Flex verwenden.
  • Wenig sinnvoll, alles über eine Kamm zu scheren und allen Containern das selbe CSS zuzuweisen.
  • Es werden fast keine semantische Tags verwendet.
Ich bin eben Anfänger und verwende die meisten Dinge nach Peter Müllers Buch.
 
Für mich als Autodidakten wäre es wesentlich leichter zu begreifen, wenn mir mal jemand eine meiner Seiten, auf der vieles zu verbessern wäre, runterlädt, umschreibt und mir dann zeigt.
 
Werbung:
Leider hat mir die Zeit gefehlt, Kommentare hinzu zu fügen. Wenn Du etwas nicht versteht, dann frage.
Was macht denn den Unterschied zwischen div class und nav class? Und wie kriege ich das Titelbild mit ganz bestimmten Maßen ( Width=570 Height=400 ) hin. Ansonsten bin ich zwischendurch immer wieder am basteln mit deiner Vorlage...
Ich habe ja oft große Tabellen. Da weiß ich noch nicht, was ich dazu nehmen sollte (siehe hier: https://aquarienfische.info/seiten/zuchtzwei.html) Es sieht zumindest so aus, wie es soll.
 
Was mich aber am meisten irritiert ist, dass es für ein bestimmtes Layoutergebnis mindestens drei verschiedene Befehle (oder wie das heißt?) gibt, (z.B. grid, nav, container, table usw.., ich aber die unterschiedlichen Funktionen nicht weiß.
 
Werbung:
Nur mal so:

wenn mir mal jemand eine meiner Seiten, auf der vieles zu verbessern wäre, runterlädt, umschreibt und mir dann zeigt.
Das ist aber nicht der Sinn von Foren, denn es in Foren Hilfe zur Selbsthilfe. Diese "Wer macht mir mal"-Mentalität wird in manchen Foren sogar mit einem "Closed" belohnt. Ich verstehe auch nicht, warum manche Leute immer wieder fertige, bzw. fast fertige Lösungen liefern. Mit Copy/Paste haben die aller wenigsten was gelernt.
 
Nur mal so:


Das ist aber nicht der Sinn von Foren, denn es in Foren Hilfe zur Selbsthilfe. Diese "Wer macht mir mal"-Mentalität wird in manchen Foren sogar mit einem "Closed" belohnt. Ich verstehe auch nicht, warum manche Leute immer wieder fertige, bzw. fast fertige Lösungen liefern. Mit Copy/Paste haben die aller wenigsten was gelernt.
Ich denke aber, in meinem Fall war das genau das richtige. Für mich ist das die richtige Lernbasis. Das ist eben Autodidakten-Prinzip. Außerdem ist bei mir der Lernschwerpunkt beim Sehen - nicht Hören oder Lesen oder Anfassen, wie bei vielen anderen.
 
Richtig verwirrend wird es, wenn man ein Layoutwerkzeug für einen Zweck verwendet, für den es nicht geeignet ist, wie früher das Tabellenlayout oder float oder, wie in diesem Fall, Grid für ein Layout, bei dem es kein Gitter gibt sondern Elemente in zweidimensionaler Anordnung.
Richtig erschließen tut sich das erst, wenn man die einzelnen Werkzeuge kennen lernt.
Glaube ich dir ja, aber wenn das sichtbare (!!!) Ergebnis so ist, wie ich das wollte, was sollte ich daran ändern?
Z.B. hier diese Tabellenseite - ich finde die so, wie ich sie wollte:
Link für mich perfekt.
 
Werbung:
Du kannst Breite und Höhe mit den CSS-Eigenschaften width und height auf feste Pixelwerte festlegen, aber in aller Regel ist das nicht zu empfehlen, weil sich die Elemente dann nicht an die unterschiedlichen Abmessungen des Browserfensters anpassen.
....verstehe.....aber ich könnte doch im Original das Neonbild verkleinern und dann reinsetzen. Das würde doch in meinem Sinne gehen, oder?
 
Zurück
Oben