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

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

Doch, so habe ich das nicht gemeint. Die Möglichkeit, die Größe des Bildes flexibel bzw. responsiv zu machen ist unabhängig von der orginalen Größe. Allerdings sollte man vermeiden, ein Bild über die originale Größe hinaus zu vergrößern weil sich dann die Qualität verschlechtert.
Gut, ich möchte aber die Startseite nicht mit so einem großen Bild machen, sondern so, wie ich das hatte: Width=570 Height=400. Wie macht man das denn?
 
Werbung:
Jetzt verstehe ich nicht, wie Du das meinst. Welches Bild, meinst Du das Hintergrundbild? Hast Du die ursprüngliche Version noch, so dass man es sich ansehen kann?
Nein, ich meine das Neonbild vorne oben auf der index.html unter dem Schriftzug Der See im Glas. Die Größe des Hintergrundbildes ist mir egal.
 
Werbung:
Klappt!
Nun gibt es noch zwei Dinge, die ich nicht hinkriege:
1. Die Tabellenleiste oben ist separat - die hätte ich aber gerne ohne Zwischenraum zum Rest.
2. Den Footer kriege ich nicht so hin, wie er vorher war. Beides siehst du ja hier:
https://aquarienfische.info/index.html
 
Die Tabellenleiste gefällt mir hiermit besser:
<div class="grid-container"> <div class="grid-item2"> <section class="infoboxen"> <div class="outside"> <article class="zucht2"><a href="seiten/fische.html">Fische</a></article> usw. usw.
Kriegt man das mit <nav class="top-nav"> <ul> <li><a href="Seiten/fische.html">Fische</a></li>
auch hin? Ich will die obere Leiste nicht als Extrastück separat haben. Die Link-Kästchen sollen oben integriert sein.
 
Werbung:
Das lässt sich alles problemlos umsetzen, ich wusste anfangs nur nicht genau, wie Du das haben willst.
Schau mal, ob dies deinen Vorstellungen entspricht:
Wunderbar. danke. Jetzt muss ich dass nur noch in der Breite etwas schmaler machen und die Links mit andererem Schrifttyp versehen (ohne Serifen z.B. Arial gefällt mir besser). Danke nochmal!
 
Ich habe durch dich jetzt jedenfalls eine Basis, auf der ich lerntechnisch aufbauen kann. Weiß nur noch nicht, welche Methode ich wann einsetzen sollte, und welche eher nicht.
 
Bin am Ausprobieren! ;-)
Das Hintergrundbild bei deiner Version ist viel zu groß - wie du das ja auch schon befürchtet hattest.
Deine Eintragung
body { width: 80%; margin-left: 95px; margin-top: -60px; background-image: url(https://aquarienfische.info/BILDER/neons.jpg); background-size: cover; display: flex; flex-direction: column; align-items: stretch; padding: 5%; }
konnte ich nicht in die richtige Richtung verändern.
Ich hab dann testweise mal meine ursprüngliche Eintragung verwendet, und es geht wieder.
html { background-image: url(../Bilder/neons.jpg); } body { background: none; }
Was ist denn der Unterschied zwischen beiden? Ich meine, das Originalbild hat ja nach wie vor seine ursprüngliche Größe. Welches deiner Kommandos vergrößert es denn?
 
Werbung:
Dieses:
Code:
background-size: cover;
ist in deinem CSS nicht vorhanden. Erklärt wird das z. B. hier:
Ohne das wird das Bild wahrscheinlich gekachelt, ohne es zu vergrößern.
Hm.....schwierig.....wenn ich kein gekacheltes Bild haben will, muss das Bild ja das Format meines Monitors haben. Aber wie ist das denn, wenn alles auf anderen Empfangsgeräten kleiner oder größer wird? Im Original hatte ich ja Kachelung......nicht schön....aber wenigstens keine unscharfe Grobkörnigkeit.
 
Komisch, selbst wenn ich jetzt ein anderes Hintergrundbild einbette, bleibt immer noch das große neons dahinter, also sozusagen zusätzlich als Hintergrund des Hintergrundes...
 
Werbung:
Ich finde die zwei Stellen nicht. Das hier ist doch das kleine Frontbild: <img class="img-neons" src="https://aquarienfische.info/BILDER/neons.jpg">
 
Ach ja, hätte ich mir doch merken können....
Dazu meine Frage: Wenn man Daten nur auf einer Websiteseite anwenden will, schreibt man sie in diese Seite. Wenn man diese Daten auf allen Seiten anwenden will, schreibt man sie in eine externe CSS, die dann von allen Seiten gelesen wird. Was passiert denn aber, wenn ich auf der Seite Background: blue, und in der CSS Background: yellow zu stehen habe?
 
Noch eine Frage: Wie kriege ich den hier die Links mit den Fischbildern auf die Seite zentriert?
Nicht im Zentrum
Und wie kriege ich den Footer so hin, wie er auf index.html usw. ist?
 
Werbung:
Bei dem Beispiel dort wird nur die Navigation ausgelagert, aber in deinem Fall kannst Du den ganzen oberen und unteren Teil jeweils auslagern. Dann musst Du kein copy&paste machen und, wenn Du etwas ändern willst, nur jeweils eine Datei ändern.
DAS wäre natürlich toll. Es würde mir die ganze Website-Veränderung deutlich erleichtern. Wundert sich aber bestimmt keiner hier, dass ich das nicht hingekriegt habe - auch nach mehreren Versuchen nicht mit header.php und footer.php - Einbindung. Klappt nicht. :-(
Die index.html sieht jetzt so aus: index.html, obwohl sie so aussehen sollte: index3.html
 
Werbung:
Wenn ich offen sprechen darf: Es würde mir nichts ausmachen, wenn ich Header und Footer jedes Mal selber in eine Seite reinkopieren müsste, aber das funktioniert hier merkwürdigerweise nicht. Zumindest wird der Footer nicht mnehr so angelegt und wiedergegeben, wie ich ihn auf der anderen Seite habe, von der ich ihn kopiert hatte...seine Formatierung ist weg.
 
Zurück
Oben