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

html hindergrund und buttons verschieden

Status
Für weitere Antworten geschlossen.
T

Timeout

Neues Mitglied
hallo an alle die sich angesprochen fühlen.

ich habe schon seid langer zeit ein problem mit meinem hindergrund bzw. mit dem buttons. erstellt habe ich die index bzw. die anderen seiten mit front page. das eigentliche problem ist das wenn ich auf 2 verschiedenen pc auf meine website zu greife wird der hindergrund und buttons anders angeordnet.

erstellt habe ich alles mit einer auflösung von 1680x1050... schau ich auf den anderen pc nach der eine kleinere auflösung hat ist alles nur noch wirr angeordnet...:?

habe mal irgenwo gelesen das ich die auflösung des hindergrundes auf 800x600 machen sollte damit es auch bei anderen auflösungen noch so aussieht wie vorher also das es nicht noch einmal drann gesetzt wird.

grüße, Time
 
Timeout schrieb:
hallo an alle die sich angesprochen fühlen.

ich habe schon seid langer zeit ein problem mit meinem hindergrund bzw. mit dem buttons. erstellt habe ich die index bzw. die anderen seiten mit front page. das eigentliche problem ist das wenn ich auf 2 verschiedenen pc auf meine website zu greife wird der hindergrund und buttons anders angeordnet.

erstellt habe ich alles mit einer auflösung von 1680x1050... schau ich auf den anderen pc nach der eine kleinere auflösung hat ist alles nur noch wirr angeordnet...:?
Zum Vergrößern anklicken....
Ja, du solltest dein HTML nicht nur für eine bestimmte Auflösung optimieren sondern auf verschiedenen testen..
habe mal irgenwo gelesen das ich die auflösung des hindergrundes auf 800x600 machen sollte damit es auch bei anderen auflösungen noch so aussieht wie vorher also das es nicht noch einmal drann gesetzt wird.
Zum Vergrößern anklicken....
Eher andersrum, was? Dann wird er aber bei kleineren Auflösungen abgeschnitten..

Na zu deinem eig. Problem: Ohne Code können wir wenig machen. Poste den mal.
 
Code: 
 <meta http-equiv="Content-Language" content="de">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>.oO Marc´s WebPage Oo.</title>
<base target="_blank" href="http://pageofmarc.funpic.de">
</head>
<body onload="makesnake()" style=
"OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%" vlink=
"#000000" alink="#FFFFFF" link="#000000" bgcolor="#FFFFFF" text=
"#000000" topmargin="0" leftmargin="0" bottommargin="0"
marginwidth="0" marginheight="0" background="http://pageofmarc.funpic.de/15.jpg">
<script language="JavaScript" type="text/javascript">
<!-- Begin
for (i = 0; i <= message.length-1; i++) {
document.write("<span id='span"+i+"' class='spanstyle'>");
document.write(message[i]);
document.write("<\/span>");
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
// End -->
</script><br>
<br>
<p align="center"><img border="0" src=
"http://pageofmarc.funpic.de/4.gif" width="337" height=
"61"></p>
<p align="center">
<a href="http://pageofmarc.pa.funpic.de/Kleine%20Erlebnisse/index.html">
<img border="0" src="http://pageofmarc.funpic.de/Bilder.jpg" width="175" height="51"></a>&nbsp;&nbsp;&nbsp;
<a href="http://pageofmarc.funpic.de/Neu/index.html">
<img border="0" src="http://pageofmarc.funpic.de/Bilder1.jpg" width="175" height="51"></a>&nbsp;&nbsp;&nbsp;
<a href="http://pageofmarc.pa.funpic.de/Urlaub/index.html">
<img border="0" src="http://pageofmarc.funpic.de/Bilder2.jpg" width="175" height="51"></a>&nbsp;&nbsp;&nbsp;
<a href="http://pageofmarc.pa.funpic.de/Fun/index.html">
<img border="0" src="http://pageofmarc.funpic.de/Fun%20Pics.jpg" width="175" height="51"></a>&nbsp;&nbsp;&nbsp;
<a href="http://lieb.nichtoffline.de/">
<img border="0" src="http://pageofmarc.funpic.de/Freunde.jpg" width="175" height="51"></a></p>
<p align="center"><a href="http://www.00book.de/20535-1.html">
<img border="0" src="http://pageofmarc.funpic.de/Guest%20Book.jpg" width="175" height="51"></a>&nbsp;&nbsp;&nbsp;
<a href="http://pageofmarc.pa.funpic.de/Links.htm">
<img border="0" src="http://pageofmarc.funpic.de/Links.jpg" width="175" height="51"></a>&nbsp;&nbsp;&nbsp;
<a href="http://pageofmarc.pa.funpic.de/Kontakt.htm">
<img border="0" src="http://pageofmarc.funpic.de/Kontakt.jpg" width="175" height="51"></a>&nbsp;&nbsp;&nbsp;
<a target="_blank" href="http://pageofmarc.pa.funpic.de/Videos.htm">
<img border="0" src="http://pageofmarc.pa.funpic.de/Videos.jpg" width="175" height="51"></a></p>
<p align="left">&nbsp;</p>
 
Also ich seh hier im FF3 nur, dass um die Links so weiße Rahmen sind.. Das kannst du ändern, in dem du den Hintergrund der Bilder nicht weiß, sondern transparent machst und das ganze als png speicherst.
Ansonsten hilft es vielleicht, diese Fehler zu beheben:
[Invalid] Markup Validation of http://pageofmarc.pa.funpic.de/ - W3C Markup Validator
wenn es nicht verständlich ist, kannst du deine Seite auch mit dem deutschsprachigen Validator checken:
HTML / XHTML / XML / WML Validator

Ein Link zu deiner Seite hätte es übrigens auch getan.. .oO PaGe oF Marc Oo.
 
HTML: 
Eher andersrum, was? Dann wird er aber bei kleineren Auflösungen abgeschnitten..
ja das wäre ja das nächste problem. mache ich den hindergrund auf eine hohe auflösung sieht man ja dann kaum noch etwas davon...

lol... ja das hätte ich auch machen können mit dem link aber du wolltest ja einen code haben.

das stimmt das die links einen weisen rahmen haben das habe ich aber auch erst später mit bekommen. dachte das sie transparent wären.

wenn du mir noch verraten würdest wie ich sie transparent machen wäre das schon mal ein anfang...
 
Zuletzt bearbeitet von einem Moderator:
Timeout schrieb:
das eigentliche problem ist das wenn ich auf 2 verschiedenen pc auf meine website zu greife wird der hindergrund und buttons anders angeordnet.
Zum Vergrößern anklicken....
Das ist normal für das WWW und damit muss man rechnen. Es gibt viele Möglichkeiten, darauf zu reagieren. Das wichtigste ist, keine pixelgenauen Layouts zu machen, weil das meist schief geht. Im WWW gibt es so viele Dinge, die von Nutzer zu Nu8tzer unterschiedlich sind, Einstellungen, Browser, Betriebssystem, usw... da muss man natürlich einiges beachten. Webdesign ist nicht Print-Design.

erstellt habe ich alles mit einer auflösung von 1680x1050... schau ich auf den anderen pc nach der eine kleinere auflösung hat ist alles nur noch wirr angeordnet.
Zum Vergrößern anklicken....
Wichtig ist vor allem, zu verstehen, dass das mit der Auflösung quasi nichts zu tun hat. Logischerweise begrenzt die Auflösung des Bildschirms den verfügbaren Platz nach oben hin, das ist aber auch schon alles. Vielleicht weißt Du nicht, dass man ein Fenster nicht unbedingt maximieren muss, es kann kleiner sein, als der Bildschirm es hergibt. Aber selbst wenn es maximiert ist, ein Fenster hat Leisten und Ränder, der Browser hat dann Menübalken und Sidebars und was nicht noch alles. Das alles verringert den Platz noch um viele Pixel und vor allem: Bei jedem Nutzer anders. D.h. selbst bei einer Auflösung von 1680x1050 hast Du niemals 1680x1050px Platz, u.U. sogar weniger als 1200x700px.

D.h. Du musst das auch nicht an einem anderen PC testen, sondern ziehst einfach mal Dein Fenster kleiner. Dadurch, dass Du weniger Platz hast, verschiebt sich natürlich u.U. auch die Anordnung der Elemente auf der Seite - was ja gut ist, denn so suchen sich die Elemente ihren Platz selber und nutzen die vorhandene Fläche optimal aus. Pixelgenaues Layout z.B. setzt diese Funktionalität außer Kraft, weswegen die Seite in verschieden großen Fenstern ungleich gut oder gar schlecht aussieht, weil man womöglich horizontal scrollen muss.

Gruß,
-Efchen
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben