TP: Seite soll sich automatisch Browser anpassen - Seite 2 - TP Hilfe Forum -- Anleitung - Tutorial

Dirk Levy · 05.02.2008, 17:24

Also versuche es mal so:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta name="generator" content="Adobe GoLive" />
		<title>Fanturnier.at Home</title>
		<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
		<style type="text/css" media="screen"><!--
#Textebene {
	height: 500px;
	width: 800px;
	left: 20px;
	top: 150px;
	position: absolute;
	visibility: visible; }
#Ebene2 {
	height: 100px;
	width: 840px;
	left: 10px;
	top: 690px;
	position: absolute;
	visibility: visible; }
#Ebene1 {
	height: 40px;
	width: 850px;
	left: 10px;
	top: 90px;
	z-index: 1;
	position: absolute;
	visibility: visible; }
--></style>

	</head>

	<body>
		<div id="Textebene">
			<p><br />
				<font color="#666666" face="Verdana, Arial, Helvetica, sans-serif">liebe basketballfans,<br />
						liebe altbekannte gesichter,<br />
						liebe neue teams,</font></p>

			<p></p>
			<p><font color="#666666" face="Verdana, Arial, Helvetica, sans-serif">es ist wieder so weit:<br />
					<br />
					das fanturnier kehrt nach hause zurück. die red wolves a.d. freuen sich, ein zweites mal die immer beliebter gewordene veranstaltung in wels ausrichten zu dürfen.</font></p>
			<p><font color="#666666" face="Verdana, Arial, Helvetica, sans-serif">darum laden wir euch herzlich ein, am fan.turnier.08 teilzunehmen.</font></p>
			<p><font color="#666666" face="Verdana, Arial, Helvetica, sans-serif">datum:  30.5. - 1.6.2008<br />
					ort:       kraftwerk arena, wels</font></p>

			<p><font color="#666666" face="Verdana, Arial, Helvetica, sans-serif">eingeladen sind alle fan-teams österreichischer basketballmannschaften.<br />
					auf den folgenden seiten findet ihr alle infos, die ihr benötigt.</font></p>
			<p><font color="#666666" face="Verdana, Arial, Helvetica, sans-serif">wir freuen uns auf euch!<br />
						red wolves a.d.</font></p>
		</div>
		<div id="Ebene2">
			<img src="bilder/logoleiste-fortlaufend05020.gif" alt="" height="88" width="836" border="0" /></div>
		<div id="Ebene1">
			<a href="index.html" target="_top"><img src="navigation/home.png" alt="" height="36" width="100" usemap="#home" border="0" /></a><a href="news.html" target="_top"><img src="navigation/news.png" alt="" height="36" width="100" usemap="#news" border="0" /></a><a href="infos.html" target="_top"><img src="navigation/infos.png" alt="" height="36" width="100" usemap="#infos" border="0" /></a><a href="regeln.html" target="_top"><img src="navigation/regeln.png" alt="" height="36" width="100" usemap="#regeln" border="0" /></a><a href="sponsoren.html" target="_top"><img src="navigation/sponsoren.png" alt="" height="36" width="100" usemap="#sponsoren" border="0" /></a><a href="anmeldung.html" target="_top"><img src="navigation/anmeldung.png" alt="" height="36" width="100" usemap="#anmeldung" border="0" /></a><a href="kontakt.html" target="_top"><img src="navigation/kontakt.png" alt="" height="36" width="100" usemap="#kontakt" border="0" /></a></div>
		<table width="1025" border="0" cellspacing="0" cellpadding="0" cool="cool" gridx="16" gridy="16" height="2001" showgridx="showgridx" showgridy="showgridy" usegridx="usegridx" usegridy="usegridy">
			<tr height="2000">
				<td width="1024" height="2000" valign="top" align="left" xpos="0"><img src="hintergrund_smart.jpg" livesrc="hintergrund.jpg" alt="" height="2000" width="1024" border="0" /></td>
				<td width="1" height="2000"><spacer type="block" width="1" height="2000" /></td>
			</tr>
			<tr height="1" cntrlrow="cntrlrow">
				<td width="1024" height="1"><spacer type="block" width="1024" height="1" /></td>

				<td width="1" height="1"></td>
			</tr>
		</table>
	</body>

</html>

xanthya · 05.02.2008, 17:37

ich muss jetzt mal kurz für eine stunde weg, werde es dann aber gleich versuchen.

hm ... das mit den imagemaps klingt logisch ... werd ich auch versuchen.

trotzdem möcht ich dir ein zwischendurch-DANKE schicken. ich finds tota nett, dass du mir hilfst! und ich hoff ja doch, dass das noch was wird.

xanthya · 05.02.2008, 20:19

sooo ...
ich habs jetzt mal mit deinem quelltext versucht. es hat geklappt *freufreu*. danke nochmal!!!!

zwei probleme hab ic hnoch immer (soo leicht wär ja auch zu einfach

).
1) ich hab die seite 1024x768 angelegt. ich habe auf meinem zweit-pc genau diese bildschirmauflösung. trotzdem sehe ich nicht die ganze seite ... ich muss scrollen - was ich ja bei dieser auflösung vermeiden wollte ...
woran liegt das oder könnte das liegen?

2) menüleiste. hier hab ich als bilder transparente pngs eingefügt. plötzlich habe ich aber einen hintergrund ... einen hellgrauen, den ich aber nicht eingerichtet habe. woran könnte das liegen? wie krieg ich die bilder transparent?

*seufz*
was lange währt, wird endlich gut ... hoffentlich!

xanthya · 05.02.2008, 20:19

ach so ja, der screenshot ...

Dirk Levy · 05.02.2008, 21:04

1) Für 1024 x 768 brutto Auflösung brauchst
Du netto 1000 x 626 so circa.

2) Transparente pngs gehen nicht in jedem
Browser.... Da versagt gerne der IE... Dafür
gibt es aber ein Skript ab GoLive CS2, anzulegen
als Head-Aktion für die Seite - dann beim Laden
nehmen und als Aktion: Sonstige -- IE-Fehlerbehebung...

Helfe gerne, wenn ich kann und Zeit habe...

Viel Erfolg

LG

Dirk

xanthya · 05.02.2008, 22:18

ok ... die auflösung hab ich jetzt geändert. ist zwar (warum auch immer) noch immer nicht optimal, aber wesentlich besser - damit kann ich leben.

die pngs (transparenz) dagegen funktionieren immer noch nicht.
ich habe den button "head-aktionen" in die seite gezogen, habe dann "beim laden" angeklickt, dann bei "sonstige" --> IE-Fehlerbehebung

dann hab ich gespeichert. diesen vorgang hab ich mir aus der hilfe rausgesucht.
fehlt da noch irgendetwas? oder erfüllen die pngs (PNG 24) irgendwelche voraussetzungen nicht, die ich dafür brauche?

p.s. @ dirk: beim nächsten mal wenn ich eine website brauche, frag ich gleich dich :-). in der zeit, die du jetzt investiert hast, hätte so ein experte wahrscheinlich die ganze seite schon selbst gebastelt *schäm*

Dirk Levy · 05.02.2008, 23:03

Hast Du es mal mit dem IE 7 versucht,
der soll es können....

PNG ist im Moment noch eine schlechte
Wahl, leider..

Die Aktion hast Du richtig zugewiesen,
mehr kann man da nicht machen.... :-(

Ja ich hätte das schon fertig und wäre
aufgrund der Erfahrung einen pragmatischeren
Weg gegangen.... :-)

Trotzdem nicht unterkriegen lassen...

Viele Grüße aus dem hohen Norden

Dirk

xanthya · 06.02.2008, 07:10

:-) das hast du schön formuliert.

ok gut ... ich muss ja nicht zwangsweise transparenzen haben. ich möchte nur, dass die menüleiste keinen hintergrund hab.
wenn ich den hintergrund im photoshop auf dasselbe grau einfärbe (wie der hintergrund), dann sieht man das aber auch farblich abgesetzt.

gibt es da irgendeine alternative?

Dirk Levy · 06.02.2008, 09:11

Das hängt davon ab wie gut Du im
ImageReady (würde ich dafür empfehlen)
die Optimierung der Bildchen anlegst.

Für Text ist ein Gif besser, da es schärfer
aussieht. Ich mache die Gifs immer mit
folgender Grundeinstellung - die Anzahl
der Farben mußt Du natürlich auf das
wirklich benötigte noch reduzieren....

Wichtig ist Farbtabelle --
Reduzierung: Selektiv
Farben: so wenige wie benötigt werden
Web-Ausrichtung: 30% (ist ein Erfahrungswert)

Dither --
Methode: Kein Dither

Transparenz --

Nur wenn benötigt....

Gruß

Dirk

xanthya · 06.02.2008, 09:14

das heißt die bilder im imageready als gif optimieren.

also nicht transparent, dafür den hintergrund einfärben? oder wie meintest du das? oder doch transparent und dafür als gif? *gradverwirrtbin*

Dirk Levy · 06.02.2008, 09:23

Wenn die HG-Farbe eindeutig ist,
würde ich einfach einfärben.

Bei transparent müßtet Du in
der Optimierungspalette dann
im Punkt Transparenz die Farbe
anlegen und die Farbe muß
als untere Ebene unter dem Text
liegen, damit richtig verrechnet
wird, dann wird für die Ausgabe
des gifs einfach nur noch diese
Ebene ausgeschaltet.

In IR erfolgt die Ausgabe unter
dem Punkt .... optimiert speichern ...

Dirk