bild CENTRAL halten?(bild immer in der mitte)

system · 14. April 2010 um 22:28

wie kann ich es machen dass bild / logo immer inder mitte ist? da bei anderen auflösungen als 1024x es nicht mehr in der mitte ist(es ist links)

und es muss immer inder mitte sein

eifnach einen code posten und ich gebe link zu software zum erstellen von fraktalen(kostenlos/ das was man auf professionellen wallpapers sieht)

später werde ich noch eine bessere version von der software geben

threadi · 14. April 2010 um 22:44

Auflösungen sind für Webseiten irrelevant. Da zählt nur der Viewport, der Bereich den der Browser der Webseite zugesteht.

Zentrieren kann man Blockelemente mit margin: 0 auto;

Vertikale Zentrierung ist hingegen etwas schwieriger - meinst Du das auch noch? Dann schau dich im Forum mal um, gibt genug Topics dazu.

PS: bin nicht interessiert an irgendeiner Software.

system · 15. April 2010 um 01:36

ich will dass ganze website zentriert ist

wo soll ich diesen code hier hin einfügen?

[CODE]titel -

body { background-color:#484848; }

text

[/CODE]

auch wenn auf dieser seite viel fehlt ist es nur eine website mit 3 unterseiten und mit fast keinem text, wo gehört margin: 0 auto; hin? ich benutze wysiswyg bzw kopiere codes von selfhtml da ich nichts von html weiß, ich will diese website, auch wenn mit überflüssigen und fehlerhaftem code(ich weiß nix bessers), machen, diese website interessiert mich nicht aber sie soll da sein

threadi · 15. April 2010 um 06:27

Das ist CSS und der gehört nicht in deinen Code, weil dein Code weit davon entfernt ist HTML zu sein. Bitte schau dir nochmal die Grundlagen an, vor allem das Grundgerüst von HTML: SELFHTML: HTML/XHTML / Allgemeine Regeln für HTML / Grundgerüst einer HTML-Datei

system · 15. April 2010 um 17:28

es ist egal was im code steht es soll nur schön aussehen da ist w3 und doctype egal da sie auch so funktioniert und bei mir is alles drin außer doctype, es muss ein aussehender unwichtiger dokument sein der allen verfügbar ist,

wo gehört margin hin? es ist eh kompliziert genug, zeigt selber oder gebt mir ein beispiel wo
margin: 0 auto; fürs zentrieren verantwortlich ist oder wie soll ich es machen dass bild immer in der mitte bleibt

creativ-webdesigns · 15. April 2010 um 17:43

Du musst nicht nur HTML sondern auch noch deutsch lernen glaube ich. Ich muss über deine Sätze echt ein wenig grübeln. Oder bist du zu sehr damit beschäftigt deinen Usernamen im Kopf zu behalten?

Okan_Esen · 15. April 2010 um 17:59

Hallo,

hier mal ein Beispiel, wie es funktioniert:
[HTML]

HTML-Dokument

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />

<style type="text/css">
	#page {
		width: 500px;
		background-color: #000;
		margin: 0 auto;
	}
	
	#page p {
		color: #fff;
	}
</style>

Test

[/HTML]

creativ-webdesigns · 15. April 2010 um 18:03

Da wird der Text aber nicht zentriert angezeigt, sondern nur der Page div.

system · 15. April 2010 um 18:19

[CODE]

Horizontal und vertikal zentriertes Element #zentriert { position:absolute; top:50%; left:50%; width:30em; height:20em; margin-left:-15em; margin-top:-10em; border:1px solid #888; padding:1em; }

Horizontal und vertikal zentriertes Element

zurück

[/CODE]

bei mir müsste es so sein

#zentriert {
position:fixed;
right:50%;
left:50%;

} aber ich hab es trotzdem nicht geschafft

auch wenn ich alles probiert habe

SELFHTML: Navigationshilfen / Häufig gestellte Fragen (FAQ)

mein source nochmal:

[CODE] titel-

#zentriert { position:fixed; margin-left:auto; margin-right:auto; left:50%; right:50%; }

body { background-color:#484848; }

text hier

[/CODE]

wie soll ich jetzt das bild und den text immer inder mitte halten?

kann jemand nen code in meinen code reinschreiben?

vitus37 · 15. April 2010 um 18:38

Eine Seite kann nicht schön aussehen, wenn der Code falsch ist. Meinst du der Browser denkt sich „ach der falsche code ist mir egal, aber ich weiss wie es aussehen soll.“ - nein tut er bestimmt nicht

Semantisch korrekter HTML-Quellcode hat oberste Priorität. Wenn das Dokument allen verfügbar sein soll, musst du dich auch an die Standards halten.

Strukturiere den Code ersteinmal mit hilfe des Links von threadi und dann fällt das einsetzen des entsprechenden Codes auch viel leichter.

Okan_Esen · 15. April 2010 um 19:49

Wo ist das Problem? Ich denke, er ist in der Lage aus „http://www.css4you.de“ das rauszusuchen was er braucht?

system · 15. April 2010 um 21:05

bei css4you steht auch nix von margin oder was bei selfhtml steht

logo.png ist da immer rechts

wie hat er das gemacht?
[SIZE=1]

[CODE][/SIZE][SIZE=1]

CSS 4 You - The Finest in Stylesheets tr.foot td { background-color:#efefef;font-weight:bold; } [/SIZE][SIZE=1]

Hier bist Du: Home

Download | Kontakt | Forum | Suche | Hilfe [/SIZE][SIZE=1]

Impressum | Haftungsausschluss | Links auf CSS 4 You

[/SIZE][SIZE=1]

CSS 4 you - die deutsche Seite für Cascading Stylesheets (CSS)

Dies ist eine nahezu komplette CSS-Referenz auf deutsch - ergänzt durch etliche Tipps, Tricks und andere Referenzen.

Für Anfänger ist zunächst der CSS-Workshop empfehlenswert.
Dort werden die Grundlagen Schritt für Schritt dargestellt.

[/SIZE][SIZE=1]

Wir hoffen, dass Euch diese Seiten weiterhelfen.

nach oben

©2004 - 2009 css4you.de
Letzte Änderung: 21.09.2009
XHTML 1.0 Strict
CSS 2.1

[/SIZE][SIZE=1]

[/SIZE][SIZE=1][/CODE][/SIZE]

system · 15. April 2010 um 21:12

einfachere seite:
position:fixed: Positionsart: Beispiel zur CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

logo ist da imer rechts egal welche auflösung, was hat er verwendet und ist es fixed oder absolute?

[CODE]

position:fixed: Positionsart: Beispiel zur CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Zurück

position:fixed: Positionsart

Ach, was für ein interessanter Inhalt

Dieser

-Container sollte von links um 80 Pixel und um 150 Pixel von oben verschoben sein und nicht mitgescrollt werden.

[/CODE]

system · 17. April 2010 um 22:34

ich hab den code aus meiner adnerer webseite kopiert die noch einfacher ist als was ich machen werde, die hab ich durch beepworld wysywyg editor gemacht , weiß aucnicht wieso da alles zentriert ist obwohl da kein

#zentriert { margin: 0 auto; margin-left:auto; margin-right:auto; position:absolute; left:50%; right:50%; }

steht

da ist nur

<img alt=""

src=„…“ border=„0“>

<span style="font-family:

Arial;">

<span style="color: rgb(255, 255,

255);">

ich werde den link zu der software nicht posten weil man hier keine antworten bekommt und html zu lernen ist so wie japanisch zu lernen man muss krank sein oder niedrigen iq haben um darüber nachzu denken, man muss es seit geburt haben oder nicht, ich den link nicht posten obwohl code einfach war ohne margin oder sonstwas zu benutzen(mit ihr geht es auch nicht)

http://th02.deviantart.net/fs71/300W/f/2010/107/7/3/solar_atmopsphere_by_9462.png

auch wenn ihr selber schon diese softwre finden könnt, es gibt schönere, weil ich pc damit was zum "füttern " gebe (rendern) investiere ich da nicht viel zeit rein

system · 21. April 2010 um 21:43

ich brauchte nur

einzufügen

und niemand wußte es

http://www.apophysis.org/

threadi · 21. April 2010 um 21:47

ist keine Lösung. Dieses HTML-Element gilt als Deprecatet und wird vermutlich auch nicht mehr lange von Browsern unterstützt. Damit fabrizierst Du letztlich auch nur noch mehr Probleme also Du löst.

system · 23. April 2010 um 21:29

dann

threadi · 23. April 2010 um 23:00

Auch falsch da HTML nicht zur Gestaltung dient und Zentrierungen mit CSS vorgenommen werden sollen. Also:

text-align: center;

bild CENTRAL halten?(bild immer in der mitte)

Horizontal und vertikal zentriertes Element

Übersichten

Eigenschaften

Workshops

Referenzen

Tipps und Tricks

CSS 4 you - die deutsche Seite für Cascading Stylesheets (CSS)

Dies ist eine nahezu komplette CSS-Referenz auf deutsch - ergänzt durch etliche Tipps, Tricks und andere Referenzen.

position:fixed: Positionsart