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

Seite für alle Auflösungen perfekt sichtbar machen.

Niklas

Niklas

Neues Mitglied
Hallo,

Das Thema verrät ja schon einiges,doch ich werde es noch ein wenig beschreiben.

Ich will das so machen das bei einer kleinen Auflösung die Seite fast am Rand vom Browser ist und bei einer großen Auflösung in der Mitte (Habe das bei vielen Seiten gesehen)Damit wäre doch eig das Problem mit den verschiedenen sichten durch andere Auflösung gelöst.

Das ganze einfach auf zentrieren würde ja bestimmt nicht so schwer werden hätte ich da nicht das Problem das dan alle Bilder genau unter dem Großen Welt der Browsergames Bild seien würden und nicht Links so wie jetzt also muss ich wohl jedes einzelnde Bild mit px genau auf die Position bestimmen.Aber dann wäre das doch Auch bei jeder Auflösung anders oder?

Das ist jetzt bestimmt ein bissen schwer zu verstehen,wen ihr was nicht versteht einfach nochmal Fragen.

Hier die Seite: www.welt-der-browsergames.de
 
Zuletzt bearbeitet:
Aber wen ich alles in eine Hülle packe sind doch alle Bilder genau zentriert und das will ich ja nicht.
 
Nein, sind sie nicht. Du zentrierst die äußere Hülle. Die Bilder und alles was Du sonst noch in die Hülle packst, positionierst Du dann ja innerhalb der Hülle.

Gruß thuemmy
 
Richtig. Da Du mehrere Elemente gruppierst macht man das mit div. z.B. so:
HTML: 
<div id="wrapper">
<img src=.....>
<img src=.....>
</div>
und in die CSS-Datei schreibst Du dann:
Code: 
#id
{
width: xxxpx;
margin: 0 auto; 
}
für das xxx natürlich den passenden Wert.

Gruß thuemmy
 
Niklas schrieb:
Hallo,

Das Thema verrät ja schon einiges,doch ich werde es noch ein wenig beschreiben.

Ich will das so machen das bei einer kleines Auflösung die Seite fast am Rand vom Browser ist und bei einer großen Auflösung in der Mitte (Habe das bei vielen Seiten gesehen)Damit wäre doch eig das Problem mit den verschiedenen sichten durch andere Auflösung gelöst.

Das ganze einfach auf zentrieren würde ja bestimtm nicht so schwer werden hätte ich da nicht das Problem das dan alle Bilder genau unter dem Großen Welt der Brosergames Bild seien würden und nicht Links so wie jetzt also muss ich wohl jedes einzelnde Bild mit px genau auf die Position bestimmen.Aber dann wäre das doch Auch bei jeder Auflösung anders oder?

Das ist jetzt bestimmt ein bissen schwer zu verstehen,wen ihr was nicht versteht einfach nochmal Fragen.

Hier die Seite: www.welt-der-browsergames.de
Zum Vergrößern anklicken....

Hallo Niklas,

bitte bemüh Dich mal ein bisschen um Rechtschreibung, dann wird Dein Text
(und Deine Frage) leichter lesbar (und leichter zu verstehen)!

Niklas schrieb:
Bei der Seite tut sich nichts

Muss man das div um den ganzen Code machen oder nur um die Bilder?
Zum Vergrößern anklicken....

Um den gesamten Inhalt:

Code: 
<body>
     <div id="wrapper">
     <!--alle Inhalte-->
     </div>
</body>
Grüße
Bernhard
 
Hallo,

hast echt Glück sonnst kommt immer Webseiten haben nichts mit Auflösung zu tun :O).

thuemmy hat das wrapper bei der ccs Datei nicht reingeschrieben, er dachte bestimmt das dies klar wäre :O).

SELFTHTML ist einer super seite auch für CSS.


HTML-Code:
<div id="wrapper"><img src="bild1.jpg">Links Text andere Inhalte</div>
und in die CSS-Datei schreibst Du dann:

Code:
#wrapper {width: 1000px;margin: 0 auto; }
 
Hallo

@Bernhard

Rechtschreibung war noch nie meine Stärke,werde mich aber bemühen weniger Fehler zu machen.
_________________________________
Bei der Seite verändert sich immernoch nichts :(

Werde einfach nochmal den Quelltext posten das hatt ja schon offt geholfen den Fehler zu finden.

HTML Code

Code: 
<div id="wrapper">
<img class="klasse1" src="bilder/welt-der-browsergames.png" alt="welt-der-browsergeames"title="titel-text"><br /> 
<img class="klasse" src="bilder/forum.png" alt="forum"title="titel-text"><br /> 
<img class="klasse" src="bilder/gaestebuch.png" alt="gaestebuch"title="titel-text"><br /> 
<a href="wurzelimperium/wurzelimperium.html"><img class="klasse" src="bilder/wurzelimperium.png" alt="alt-text"title="titel-text" /></a>
</div>
CSS Code

Code: 
#wrapper 
{width: 1000px;margin: 0 auto; }
MFG Niklas
 
Hallo,

den code neu Posten bringt nicht viel, besser das zu ändern und Online stellen, denn der Code ist richtig, hast nur ein fehler in deiner css und deswegen funzt #wrapper nicht.

Falsch (klammer vergessen)
HTML: 
.klasse1:hover
{
border: 7px solid red;
#wrapper 
{width: 1000px;margin: 0 auto; }
Richtig
HTML: 
.klasse1:hover{border: 7px solid red;}
#wrapper {width: 1000px;margin: 0 auto; }
Cheffchen
 
Niklas schrieb:
Bei der Seite verändert sich immernoch nichts :(
Zum Vergrößern anklicken....

Hallo Niklas,

Du hast vor #wrapper die geschweifte Klammer vergessen.

Code: 
.klasse1:hover {
border: 7px solid red;
}
#wrapper {
width:1000px;
margin:0 auto;
}

Gewöhn Dir am besten von Anfang an an, Deinen Code (in diesem Fall das Stylesheet)
so ordentlich und übersichtlich wie möglich zu schreiben, d.h. html mit Einrückungen,
CSS immer nach dem Schema:

Code: 
.klasse {
eigenschaft:wert; /*für jede Eigenschaft eine eigene Zeile, dann fällt Dir sofort auf, wenn der Strichpunkt am Ende fehlt
eigenschaft:wert;
} /*schließende Klammer in einer neuen Zeile*/

Grüße
Bernhard
 
Geht super...

Genauso wollt ich das haben!!!Danke Vielen Dank

Hab da noch ne kleine Fragen

Muss man seine Seite bei Google anmelden ?

MFG Niklas
 
Niklas schrieb:
Muss man seine Seite bei Google anmelden ?

MFG Niklas
Zum Vergrößern anklicken....

Hallo Niklas,

"müssen" muss man nicht, aber man kann.

Suchmaschinen sind Linkverfolger, d.h. finden sie einen Link (z.B. hier im Forum),
folgen sie diesem und schauen sich die Site an. Bei Dir finden sie da allerdings
noch nichts, weil sie Text, der in einem Bild steht, nicht lesen können und Du
auch noch keine sinnvollen Alternativtexte geschrieben hast...

Grüße
Bernhard
 
Hallo,

Google: nein, nur ein Link von einer Seite zu deiner die Google kennt.
Das hast ja schon gemacht am Anfang deines Beitrages :O).

Sonnst nur vernünftig Programmieren, Meta-Daten und halt Links zu deiner Seite setzen.

Mein Rekord 1.10h nach Online Stellung in Google. (ist aber Zufall)
Online gestellt, in ein Forum Den Link gepostet das die Seite Online ist.

Cheffchen.
 
Geil meine Seite ist ja schon bei Google drin :D

Umso mehr Klicks umso weiter oben ist die Seite oder ?

Niklas
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben