Frage zu html page!

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/frage_zu_html_page_165469/page_1 - zur Vollversion wechseln!

Bullet0x schrieb am 08.07.2006 um 12:28

Hi!

Ich habe für meinen Onkel eine einfache HP mittels dem TUT hier im Forum erstellt :

http://cabiramedia.ca.funpic.de/neu_optimiert/

Jetzt hat er mich darum gebeten das er das so haben will, das wenn man die Auflösung höher stellt (derzeit auf 1024x768 optimiert) sich die Seite automatisch der Auflösung anpasst... also das der graue Balken usw bis ans Seitenende rausgehen anstatt des weißen streifens seitlich.. Die Inhalte sollen dort stehenbleiben wo sie sind.. nur halt die Grauen Flächen sollen dann bis ans Ende gehen.. is das möglich?

Er hat sich das ca. so wie auf http://www.orf.at/ vorgestellt.. wie der Balken oben.. das der bis ans Seitenende geht!

Bitte um Hilfe!

THX!

schwaigerf schrieb am 08.07.2006 um 12:29

Das ist nicht so einfach wie du dir das vorstellst...
D.h du darfst mal nicht mit px-Werten arbeiten sondern alles in % zur Bildschirmauflösung bzw. Darstellung.

Bullet0x schrieb am 08.07.2006 um 22:24

is das wirklich so schwer? gibts da keine befehle dafür?

mfg

jives schrieb am 08.07.2006 um 22:31

Befehle in HTML?

Das ist wirklich nicht mehr so einfach und erfordert schon etwas Erfahrung. Ich glaube auch nicht, dass das ImageReady kann (aber ich hab auch noch nie eine Seite in ImageReady erstellt).
Grundsätzlich solltest du auf XHTML (mit CSS) umsteigen, viel Zeit mitbringen und dich auf http://de.selfhtml.org einlesen.
Mit einem guten CSS lässt sich das dann schon mehr oder weniger schnell bewerkstelligen. Man sollte aber dann auf die Macken der aktuellen Browser eingehen - informative Seite hierzu: http://positioniseverything.net

Edit: Müll entfernt.

schwaigerf schrieb am 08.07.2006 um 22:52

Mit css Boxmodell sollte sich schon einiges machen lassen.
Such mal google.de: css Box modell layout

BinaryTubes schrieb am 09.07.2006 um 00:27

Wenn du es auf html Basis und kein Studium zum Webmaster machen willst, geht das beispielsweise mit einem JavaScript.

Allerdings musst du die Komplette Seite in den gewünschten Auflösungen erstellen.

Als Weiche und zum erkennen nimmst diese Script, welches je nach Auflösung modifiziert werden muss.

<script language=JavaScript>
{
size=screen.width + "x" + screen.height; if (size== "800x600"){
top.location = "800x600.html"; }
size=screen.width + "x" + screen.height; if (size== "1024x768"){
top.location = "1024x768.html"; }
size=screen.width + "x" + screen.height; if (size== "1280x1024"){
top.location = "1280x1024.html"; }
}
</script>

Das Script musst du im <head> Bereich einfügen.

Die "top.location" kannst du benennen wie du willst, es muss nur so heißen, wie es dann im Script steht.

smashIt schrieb am 09.07.2006 um 00:33

setz doch einfach die tabellnbreite auf 100% und anstatt jeden button oben in eine eigene zelle zu stelln kannst auch alle in einer wurscht in eine zelle stelln. die kannst dann zusätzlich noch zentriern damits schön in der mitte bleiben

jives schrieb am 09.07.2006 um 00:36

Zitat von smashIt
setz doch einfach die tabellnbreite auf 100% und anstatt jeden button oben in eine eigene zelle zu stelln kannst auch alle in einer wurscht in eine zelle stelln. die kannst dann zusätzlich noch zentriern damits schön in der mitte bleiben

Stimmt eigentlich

Bullet0x schrieb am 09.07.2006 um 01:33

Zitat von BinaryTubes
Wenn du es auf html Basis und kein Studium zum Webmaster machen willst, geht das beispielsweise mit einem JavaScript.

Allerdings musst du die Komplette Seite in den gewünschten Auflösungen erstellen.

Als Weiche und zum erkennen nimmst diese Script, welches je nach Auflösung modifiziert werden muss.

<script language=JavaScript>
{
size=screen.width + "x" + screen.height; if (size== "800x600"){
top.location = "800x600.html"; }
size=screen.width + "x" + screen.height; if (size== "1024x768"){
top.location = "1024x768.html"; }
size=screen.width + "x" + screen.height; if (size== "1280x1024"){
top.location = "1280x1024.html"; }
}
</script>

Das Script musst du im <head> Bereich einfügen.

Die "top.location" kannst du benennen wie du willst, es muss nur so heißen, wie es dann im Script steht.

das höhrt sich sehr vernünftig an! werde ich probieren! THX!

gue schrieb am 09.07.2006 um 10:32

Zitat von BinaryTubes
Wenn du es auf html Basis und kein Studium zum Webmaster machen willst, geht das beispielsweise mit einem JavaScript.

Allerdings musst du die Komplette Seite in den gewünschten Auflösungen erstellen.

Als Weiche und zum erkennen nimmst diese Script, welches je nach Auflösung modifiziert werden muss.

<script language=JavaScript>
{
size=screen.width + "x" + screen.height; if (size== "800x600"){
top.location = "800x600.html"; }
size=screen.width + "x" + screen.height; if (size== "1024x768"){
top.location = "1024x768.html"; }
size=screen.width + "x" + screen.height; if (size== "1280x1024"){
top.location = "1280x1024.html"; }
}
</script>

Das Script musst du im <head> Bereich einfügen.

Die "top.location" kannst du benennen wie du willst, es muss nur so heißen, wie es dann im Script steht.

Um Himmels Willen! NEIN! Das wäre wohl die schlechteste Lösung.
Mach es ganz einfach so, wie SmashIt gesagt hat: table width auf 100% und fertig. Da brauchst du kein aufwendiges CSS.

Bullet0x schrieb am 09.07.2006 um 12:05

Zitat
<html>
<head>
<title>Cabira media.production</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table id="Table_01" width="1000" height="750" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="images/test2_01.gif" width="1000" height="156" alt=""></td>
</tr>
<tr>
<td>
<a href="index.html"><img src="images/test2_02.gif" width="99" height="65" border="0"></a></td>
<td>
<a href="produkte.html"><img src="images/test2_03.gif" width="136" height="65" border="0"></a></td>
<td>
<a href="hoerbild.html"><img src="images/test2_04.gif" width="120" height="65" border="0"></a></td>
<td>
<a href="hoerspiel.html"><img src="images/test2_05.gif" width="127" height="65" border="0"></a></td>
<td>
<a href="hoerbuch.html"><img src="images/test2_06.gif" width="120" height="65" border="0"></a></td>
<td>
<a href="verlag.html"><img src="images/test2_07.gif" width="111" height="65" border="0"></a></td>
<td>
<a href="bestellen.html"><img src="images/test2_08.gif" width="134" height="65" border="0"></a></td>
<td>
<a href="kontakt.html"><img src="images/test2_09.gif" width="153" height="65" border="0"></a></td>
</tr>
<tr>
<td colspan="8" background="images/test2_10.gif" width="1000" height="464" valign="top">
<font size="20"color="#191970"><br><br> welcome</font></td>
</tr>
<tr>
<td colspan="8">
<img src="images/test2_11.gif" width="1000" height="65" alt=""><font face="Arial" size="1" color="#000000">
<br>
<center>© 2006 by Patrick Pöschko</center>

</font></td>
</tr>
</table>

</body>
</html>

Das is der Code der Main Page.. da sind die meisten width Variablen größer als hundert.. sind dafür aber keine % oda ? soll ich da jez einfach 100 Prozent reinschreiben???

mfg

smashIt schrieb am 09.07.2006 um 14:45

mein html is zwar schon n bischen eingerostet aber so sollts eigentlich sein:

Code:

<html>
<head>
<title>Cabira media.production</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (test2.psd) -->
<table id="Table_01" width="100%" height="750" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<img src="images/test2_01.gif" width="100%" height="156" alt=""></td>
</tr>
<tr align="center" bgcolor="#F0F0F0">
<td>
<a href="index.html"><img src="images/test2_02.gif" width="99" height="65" border="0"></a>
<a href="produkte.html"><img src="images/test2_03.gif" width="136" height="65" border="0"></a>
<a href="hoerbild.html"><img src="images/test2_04.gif" width="120" height="65" border="0"></a>
<a href="hoerspiel.html"><img src="images/test2_05.gif" width="127" height="65" border="0"></a>
<a href="hoerbuch.html"><img src="images/test2_06.gif" width="120" height="65" border="0"></a>
<a href="verlag.html"><img src="images/test2_07.gif" width="111" height="65" border="0"></a>
<a href="bestellen.html"><img src="images/test2_08.gif" width="134" height="65" border="0"></a>
<a href="kontakt.html"><img src="images/test2_09.gif" width="153" height="65" border="0"></a></td>
</tr>
<tr>
<td background="images/test2_10.gif" width="100%" height="464" valign="top">
<font size="20"color="#191970"><br><br>                         welcome</font></td>
</tr>
<tr>
<td>
<img src="images/test2_11.gif" width="100%" height="65" alt=""><font face="Arial" size="1" color="#000000">
<br>
<center>© 2006 by Patrick Pöschko</center>

</font></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

wenn das bitte noch wer kontrolliern könnte

der farbwert is zur zeit irgendwas, wenn da noch wer den richtigen hex-wert ermitteln könnte

Bullet0x schrieb am 10.07.2006 um 12:28

könnte das bitte noch wer kontrollieren?

@ Smashit ein fettes thx von meiner seite!!!!!!!!!