Frage zu html page!
Bullet0x 08.07.2006 - 12:28 872 12
Bullet0x
Here to stay
|
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
Addicted
|
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
Here to stay
|
is das wirklich so schwer? gibts da keine befehle dafür?
mfg
|
jives
And the science gets done
|
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.netEdit: Müll entfernt.
|
schwaigerf
Addicted
|
Mit css Boxmodell sollte sich schon einiges machen lassen.
Such mal google.de: css Box modell layout
|
BinaryTubes
Addicted
|
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
master of disaster
|
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
And the science gets done
|
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
Here to stay
|
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
Addicted
|
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
Here to stay
|
<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="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>
<!-- End ImageReady Slices -->
</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
master of disaster
|
mein html is zwar schon n bischen eingerostet aber so sollts eigentlich sein: <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
Here to stay
|
könnte das bitte noch wer kontrollieren?
@ Smashit ein fettes thx von meiner seite!!!!!!!!!
|
Anmeldung