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

Frage über etwas was ich schwer beschreiben kann

Ja das mit dem nicht wiederholen und so das habe ich alles schonmal in nem Tutorial gelernt ganz easy nur da wird nirgnetswo erklährt wie man das an den Rand bekommt also das der Hintergrund alles bedeckt also zuklein würd ich nicht sagen ich habe 1000x700

Oder ich müsste wie PeterPan gesagt hatt warten bis CSS 3 benutzt werdne kann aber das dauert bestimmt noch
 
Werbung:
Welchen Rand?
Wenhn Du ein Element hast, das 1000x700 groß ist und darin ein Hintergrundbild, das 1000x700, dann geht es doch bis zum Rand!
Wenn Du natürlich margins einbaust, vergrößert sich das Element. Das Hintergrundbild würde dann wiederholt werden.
Dass Hintergrundbilder nicht skaliert werden können, wurde ja glaube ich schon gesagt, deswegen kann es dazu auch kein Tutorial geben.
 
Also die Datei die ich benutze ist 1000x700

In dieser Lektion werden Sie lernen, wie Sie Ihrer Webseite Farben und Hintergrundfarben geben. Wir werden auch fortgeschrittenere Methoden betrachten, mit denen man Hintergrundbilder positioniert und kontrolliert. Die folgenden CSS-Eigenschaften werden erklärt:

und da war dabei wie man das alles einstellt das sich das Bild nicht wiederholt und so
 
Werbung:
Bei dem ganzen Hin und Her habe ich´s malwieder geschafft irgentwas kapput zumachen diesmal hatts den Hintergrund erwischt ;) Der ist jetzt auf einmal zu klein und kommt Rechts nicht an dan Rand wird dan wiederholt also das Bild einfach nochmal daneben gesetzt ist nicht ganz so Hüpsch.

Hallo Niklas,

es schadet nichts, die Datei ab und zu unter einem neuen Namen abzuspeichern,
so dass Du immer wieder auf eine ältere Version zurückgreifen kannst...
Vor größeren Änderungen kopiere ich den gesamten Ordner und hänge an den
Namen des Ordners das aktuelle Datum an...

Um zu vermeiden, dass sich ein Hintergrundbild wiederholt, brauchst Du
background-repeat:no-repeat;
und vielleicht auch noch background-position:center center;
Gibts es irgentwie eine Größe oder so mein Hintergrund hatt jetzt

Abmessungen:1000x700

Kan man sagen wieviel eine Webseite hatt also der Ganze Feld ? Damit ich den Hintergrund genau anpassen kan ? Oder kan man das mit irgenteinem Code einstellen ?

Niklas

Nein, das kann man überhaupt nicht sagen: der eine Besucher hat eine
Bildschirmgröße von 1920 × 1200 px und hat sein Browserfenster maximiert,
der nächste hat die gleiche Bildschirmauflösung, sein Browserfenster aber
auf 600 × 400 verkleinert, und der dritte hat ganz was anderes...

Außerdem brauchen Deine Texte mehr Platz, wenn Dein Besucher die Schriftgröße verändert...

Grüße
Bernhard

Edit: kaum ist man mal eine Viertelstunde weg vom Rechner sind ein Haufen Leute schneller...;-)
 
Hallo Niklas,

es schadet nichts, die Datei ab und zu unter einem neuen Namen abzuspeichern,
so dass Du immer wieder auf eine ältere Version zurückgreifen kannst...

Ja das habe ich auch gerade bemerkt naja aus Fehlern lernt man

wen ich dieses no-repeat nehmen ist da einfach der Ganz normale Hintergrund in meinem Fall Rot

Jetzt hab ich euch schonwieder so viel gefragt wie dieser eine schonmal gesagt hatt ich soll nicht so viel Fragen ich soll selber das machen ich mach meine ganze Webseite nochmal neu und Speicher das dann öffter unter anderem Namen ist glaubich besser so
 
Zuletzt bearbeitet:
Deine ganzen Probleme sind immer nur sehr schwer nachzuvollziehen. Vor allem auch, weil man nicht genau weiß, wo Dein Problem ist, weil Du oft keine Fragen stellst. :-)

Vielleicht stellst Du die Seite mal online, damit wir alle wissen, wovon Du redest. Denn nur weil Du Dein Hintergrundbild nicht mehr wiederholen lässt, muss es dennoch angezeigt werden. Dann hast Du irgendwo einen Fehler eingebaut, den findet man aber nicht ohne Code und viel besser anhand der eigentlichen Seite!
 
Werbung:
Ja ich werde versuchen sie bald in Netzt zu stellen habe meinen Vater auch schon gefragt 1und1 bietet kostenlos 15 GB Webspeicher an weil er da I-net und Telefon hatt


So Hintergrundbilder sind schon Fertig habe direckt mal davon ein Album gemacht

Wer hätte das gedacht 1100 Breite ist zu wenig ich hab jetzt ein Bild gemacht mit 1200 Breite und das ging bis an den Rand
 
Zuletzt bearbeitet:
Ist aber ganz schön breit. Mit nem PDA oder generell einem kleinen Viewport sieht man davon nicht viel oder muss womöglich horizontal scrollen? Ein echter Lustkiller...!
 
Werbung:
Das verstehe ich nicht ganz sehen anderer User meine Webseite anders als ich sie sehe ?
Es soll noch Personen geben, deren Monitor nur eine Auflösung von 1024 oder noch geringer hat, dann kannst du dir ausrechnen, wie groß der Viewport im Browser ist. Zieh deinen Browser mal auf diese Größe und sag mir, ob du noch gerne auf deiner Seite unterwegs bist, wenn du immer scrollen musst, um alles sehen zu können.
 
Kan ich mir schon vorstellen,aber kan man da nichts gegen machen das das irgentwie angepasst wird ?
 
Kan ich mir schon vorstellen,aber kan man da nichts gegen machen das das irgentwie angepasst wird ?

Hallo Niklas,

es gibt für (fast) alles eine Lösung...

Geht es Dir momentan um Dein Hintergrundbild, oder ist Deine Frage generell?
Ich geh mal von ersterem aus...
Da kommt es drauf an, was Du für ein Hintergrundbild hast:

  • soll durch das Bild ein Rahmen / Schatten rund um den Inhalt gelegt werden, dann
    findest Du hier zwei Möglichkeiten (die dritte mit der Tabelle ist Blödsinn...)
  • willst Du mit dem Bild eine Dekoration hinter Deine Webseite legen, kannst Du
    • das Bild so gestalten, dass es gekachelt werden kann (sich wiederholen kann)
    • das Bild so groß machen, dass es auch sehr große Browserfenster sicher voll
      ausfüllt (nur bedingt empfehlenswert, da die Datei wahrscheinlich sehr groß wird!)
    • das Bild relativ klein machen und schauen, dass es zum Rand hin überall die
      gleiche Farbe hat - dann gibst Du einfach dem <body> bzw. dem Element, das
      den Hintergrund haben soll, diese Farbe als Hintergrundfarbe
Grüße
Bernhard
 
Werbung:
Mein Hintergrudnbild :http://www.html.de/members/niklas-albums-meine-hintergr-nde-picture13-rote-explosion.png

das Bild so gestalten, dass es gekachelt werden kann (sich wiederholen kann)
Das würde auch nicht klappen zumindesten nicht mit dem Hintergrund

Das Bild so groß machen, dass es auch sehr große Browserfenster sicher voll
ausfüllt (nur bedingt empfehlenswert, da die Datei wahrscheinlich sehr groß wird!)
Mein Bild ist sehr Groß 1200x800 aber da ist dan doch wieder das Problem :
Es soll noch Personen geben, deren Monitor nur eine Auflösung von 1024 oder noch geringer hat, dann kannst du dir ausrechnen, wie groß der Viewport im Browser ist. Zieh deinen Browser mal auf diese Größe und sag mir, ob du noch gerne auf deiner Seite unterwegs bist, wenn du immer scrollen musst, um alles sehen zu können.
das Bild relativ klein machen und schauen, dass es zum Rand hin überall die
gleiche Farbe hat - dann gibst Du einfach dem <body> bzw. dem Element, das
den Hintergrund haben soll, diese Farbe als Hintergrundfarbe
Das würde auch nicht klappen zumindesten nicht mit dem Hintergrund
 
Hallo Niklas,


Hast Du Dir schon überlegt, was Du im Vordergrund vor diesem Bild machen möchtest?
Text dürfte da kaum lesbar sein...

das Bild so gestalten, dass es gekachelt werden kann (sich wiederholen kann)
Das würde auch nicht klappen zumindesten nicht mit dem Hintergrund

stimmt...;-)

Das Bild so groß machen, dass es auch sehr große Browserfenster sicher voll
ausfüllt (nur bedingt empfehlenswert, da die Datei wahrscheinlich sehr groß wird!)
Mein Bild ist sehr Groß 1200x800 aber da ist dan doch wieder das Problem: Das würde auch nicht klappen zumindesten nicht mit dem Hintergrund

Es gibt auch Leute, die eine noch deutlich größere Auflösung haben und u.U. ihr
Browserfenster maximiert haben, da ist es dann immer noch zu klein...

Überleg Dir als erstes, wie Du da Deinen Text drauf schreiben willst (wie schon
gesagt, denke ich, dass das nahezu unmöglich ist).
Wenn es dann immer noch dieses Bild sein soll, gibt es m.E. zwei Möglichkeiten:

  • Du bearbeitest es, so dass die Variante mit der einheitlichen Hintergrundfarbe
    möglich wird
  • Dein Original ist so groß, dass es auf jeden Fall groß genug ist;
    dann kannst Du es als Vordergrundbild einbinden und mittels position und
    z-index hinter Deinen Text stellen;
    als Vordergrundbild kannst Du es an die Größe des Viewports anpassen:
Code:
width:100%;
height:100%;
Grüße
Bernhard
 
Hast Du Dir schon überlegt, was Du im Vordergrund vor diesem Bild machen möchtest?
Text dürfte da kaum lesbar sein...

Klar habe ich,das man auf dem Hintergrund schlecht schreiben kan habe ich auch schon bemerkt

Also wollt ich so eine Box machen wie ich auf der Ersten Beitrag versucht habe zu Beschreiben aber wen ein User nur 2/3 vom Hintergrund sehen kan und ein anderer mit einer verdammt Großen Auflösung schon zu mehr von Hintergrund sehen kan als man selbst wird das warscheinlich schwer
 
Werbung:
Hast Du Dir schon überlegt, was Du im Vordergrund vor diesem Bild machen möchtest?
Text dürfte da kaum lesbar sein...
Klar habe ich, dass man auf dem Hintergrund schlecht schreiben kann habe ich auch schon bemerkt

Also wollt ich so eine Box machen wie ich auf der Ersten Beitrag versucht habe zu Beschreiben aber wen ein User nur 2/3 vom Hintergrund sehen kann und ein anderer mit einer verdammt Großen Auflösung schon zu mehr von Hintergrund sehen kann als man selbst wird das wahrscheinlich schwer

Hallo Niklas,

das ist es, was Spaß macht: Seiten so zu erstellen, dass Sie auf kleinen und
großen Viewports funktionieren (und gut aussehen)...;-)

Mein Lösungsvorschlag: bearbeite die Grafik so, dass Du sechs einzelne Bilder
erhältst, vier für die Ecken und je eins für rechts und links. Diese beiden müssen
sich in y-Richtung kacheln lassen (wird nicht ganz einfach...)

Dann musst Du wohl oder übel etwas Div-Suppe kochen (dazu steht mehr in
dem Link, den ich Dir gestern gegeben habe
)...

Deinen Inhalt zentrierst Du (margin:0 auto;) und legst rechts und links je
eine Spalte an, die sich in der Breite dem Viewport anpassen und in der
Höhe mindestens 100% haben und mit dem Inhalt mitwachsen (dazu such
mal nach "faux columns")

In diesen Spalten kachelst Du das mittlere Bild, so dass es die Fläche zwischen
oberer und unterer Ecke ausfüllt...

Für einen Anfänger ist das allerdings schon eine ziemliche Herausforderung!

Viel Erfolg!

Grüße
Bernhard
 
Danke Bernhard

So dann mach ich mich direckt mal an die Arbeit.

Wie kan man nochmal ein Bild zentrieren oder belibig auf der Seite Platzieren ?

Habs mal so versucht ging nicht so ganz

img {
margin:0 auto;
}
 
Zuletzt bearbeitet:
Das verstehe ich nicht ganz sehen anderer User meine Webseite anders als ich sie sehe ?
Ich möchte mal behaupten, dass es die Regel ist, dass andere eine Website anders sehen als Du.

Überleg mal, was bei jedem Nutzer anders sein könnte:

Bildschirm
- Marke (unterschiedliche Qualität der Anzeige)
- Größe (unterschiedliche Auflösung möglich)
- eingestellte Auflösung
- dpi
- Beschädigungen (z.B. falsche Farbdarstellung)

Browser
- Marke (andere, teilweise falsche Interpretation von HTML/CSS)
- Fenstergröße (man muss Fenster nicht maximieren)
- Unterschiedliche Zahl Menübalken
- Toolbars (verkleinern Viewport)
- Sidebars (verkleinern Viewport)
- Textbrowser (keine Imageanzeige)
- Vorlesebrowser (zeigen u.U. gar nichts an)
- Braillezeile

Körperliche Gebrechen
- Alterssehschwäche
- Kurz-/Weitsichtigkeit
- Schlechte Brille
- Abstand zum Monitor
- Trunkenheit
- Müdigkeit
- Blindheit
- Farbenblindheit

Das alles sind Dinge, die beeinflussen, wie jemand Deine Website sieht, nicht lachen, das ist nicht übertrieben und auch nicht an den Haaren herbeigezogen.
Und vieles lässt sich auf die ein oder andere Weise kompensieren.

Sehschwächen z.B. kann man durch Zoom der gesamten Website oder Vergrößern der Schriftgröße entgegenwirken. Oftmals auch durch Dinge wie Braillezeile oder Vorlesebrowser. Bei Müdigkeit kann die Beleuchtung des Raumes und sogar die Tageszeit dafür sorgen, dass Farben ganz anders wahrgenommen werden. Der Farbkontrast leidet vielleicht so, dass man einige Texte gar nicht mehr sehen kann.
Andere Dinge lassen sich technisch lösen. Die Größe von Elementen in Abhängigkeit vom Viewport lässt sich über die Einheit "%" festlegen, in Abhängigkeit von der Schriftgröße nutzt man "em".

Und und und...

Tatsache ist, dass sich die wenigsten Webmaster solche Gedanken leider überhaupt machen...

"margin:0 auto" ist die Zentrierungsmöglichkeit für Block-Elemente. Das ist img nicht. Inline-Elemente zentriert man, indem man dem Elternelement "text-align:center" mitgibt.
 
Werbung:
Das Stimmt allerdings aber man kann doch auch bestimmt eine warscheinlichkeit festlegen z.b

Die Meisten haben

Friefox oder Internet Explower (Ich,GroßerBruder,KleinerBruder Firefox)(Vater Internet Explower)

Die meisten haben

Eingermasen Gleich Große Bildschirm (Glaub ich jetzt mal so)

So das es die Kunst ist eine Webseite zu Bastel die die Meisten Leute gut sehen wie Bernhard auch schon sagte.

Aber ich habe noch nie Webseiten gesehen wo ich unglaublich viel Scrollen musste Lustkiller heißen die glaubich habe ich hier irgentwo mal gehört.

Youtube sehe ich normal,HTML.de,myvideo,und und und

(text-align:center<img src="Rot.png" alt="Test Bild"/>t (ist nicht mehr am Rand aber auch nicht zentriert )

Wen die Seite 100 % Breit ist ist das Bild bei c.a 15 % also nicht ganz zentriert

Sorry das ich euch das immer nur Beschreiben kann ich versuche alles damit ich meine Seite so schnell wie möglich ins I-net bekomme aber mein Vater hat gerade viel zu Tun und ohne Ihn kan ich das nicht machen

Niklas
 
Zuletzt bearbeitet:
Hallo Niklas,

Das Stimmt allerdings aber man kann doch auch bestimmt eine warscheinlichkeit festlegen z.b

Die Meisten haben

Friefox oder Internet Explower (Ich,GroßerBruder,KleinerBruder Firefox)(Vater Internet Explower)

Die meisten haben

Die meisten haben irgendein Gerät, mit dem sie mehr oder weniger gut Webseiten
aufrufen können...
Das kann ein PC sein, ein Notebook (da gibt es dann auch Sub-Notebooks...), ein
Handheld, ein Handy usw.

Eingermasen Gleich Große Bildschirm (Glaub ich jetzt mal so)

Sobald Du Deine erste Website fertig hast, solltest Du Dich mal nach einem Statistik-Tool
umsehen, dann wirst Du sehen, dass jeder was anderes hat: das geht von 320 × 240 bis
1920 × 2300 (gibt sicher noch kleinere und auch noch größere)...

Damit weißt Du aber nur die Bildschirmauflösung, aber noch nicht, wie groß das
Browserfenster ist...

So das es die Kunst ist eine Webseite zu Bastel die die Meisten Leute gut sehen wie Bernhard auch schon sagte.

Aber ich habe noch nie Webseiten gesehen wo ich unglaublich viel Scrollen musste Lustkiller heißen die glaubich habe ich hier irgentwo mal gehört.

Verkleiner mal Dein Browserfenster, dann vergeht Dir bei manchen Seiten der Spaß
(manche werden dann auch schlicht unbenutzbar, z.B. weil Inhalte so aus dem
Viewport verschwinden, dass Du nicht mal mehr dort hin scrollen kannst)...

Oder stell Dir vor, Du hast eine riesige Auflösung und der gesamte Inhalt klebt
oben links in der Ecke, über den Rest Deines Browserfensters kachelt sich eine
Hintergrundgrafik, die Dein Auge ständig vom Lesen des (interessanten?) Inhalts
ablenkt...

Youtube sehe ich normal,HTML.de,myvideo,und und und

(text-align:center<img src="Rot.png" alt="Test Bild"/>t (ist nicht mehr am Rand aber auch nicht zentriert )

Wen die Seite 100 % Breit ist ist das Bild bei c.a 15 % also nicht ganz zentriert

Sorry, da versteh ich Deine Frage gerade nicht...

Sorry das ich euch das immer nur Beschreiben kann ich versuche alles damit ich meine Seite so schnell wie möglich ins I-net bekomme aber mein Vater hat gerade viel zu Tun und ohne Ihn kan ich das nicht machen

Niklas

Jeder hat mal angefangen!
Klar solltest Du gleich versuchen, was gutes zu machen, aber ich bin mir sicher,
dass Dir Dein erstes Werk spätestens nach einem Jahr nicht mehr gefällt...

Um nochmal auf Deine ursprüngliche Frage zurückzukommen:

  • eine Zeitschrift sieht immer gleich aus, egal, ob Du sie am Strand anschaust,
    oder daheim auf dem Klo, oder in China... - sowas gestalten kann doch jeder,
    da ist (aus meiner Sicht) kein Reiz dabei...
  • 41 % der Besucher meiner Website haben entweder 800 × 600 oder 1024 × 768
    (alle anderen Auflösungen sind deutlich seltener vertreten) - stell Dir mal vor, Du
    machst eine Website für ein Geschäft und erklärst Deinem Kunden, dass Du seine
    Website so machst, dass sie für 40 % seiner Besucher gut aussieht, da der Rest
    eh nur Minderheiten seien, auf die er doch locker verzichten könnte...;-)
Grüße
Bernhard
 
Zurück
Oben