Hmmm, der IE rechnet beim skalieren offenbar nicht richtig. Wandle mal alle Flaggen in 63x38px um und das Problem ist weg. Aus Ladezeit gründen sollte man sowieso immer die Bilder in der richtigen Größe ablegen.
Oh sry, da habe ich den Thread wohl nicht zu Ende gelesen.
die Idee an sich finde ich gar nicht so übel, die Umsetzung der Seite weniger. Da fehlt der PEP drin. Den wichtigsten Teil, auf dem das Auge nach dem öffnen der Seite ruht,dem header, ziert Google-Werbung und Dein Logo ist so mini,das es fast untergeht. Da steckt für die ganze Webseite noch viel Arbeit drin..(grafisch und Code- seitig).........
yeti66 Das mit den Bildern geht in Ordnung ich sotiere ja die schlimmen aus
und wenn immer noch welche dabei sind schreiben die mir eine Email und ich nehme
die pics runter. was meinst du mit "...optisch noch mehr drin..."?
..es lässt sich mit dem header und der Gestaltung der Seite auf grafischer Seite mehr machen, also grafisch aufpeppen. Der erste Eindruck ist sehr schlicht, sollte aber Lust auf die Seite machen sie sich anzusehen. Mit ...palma sonne strand sangria...usw. hast Du doch genug Assoziationen, die sich grafisch umsetzen lassen. Der Look der Seite ist fast der einer reinen Textseite. Den Titel SangriaEimer lässt sich doch auch grafisch, ....sagen wir in Form eines Ladenschildes bzw. besser in dem Stile eines englischen Pup´s (http://www.sannerzdesigns.de/PubSchilder.html) nachempfinden. Das ganze natürlich mit dem Eimer und allen Klischees, die man bedienen kann. Mir würde da ein Landschftsheader(Strand) und besagtes Schild links oben positioniert vorschweben, als wenn das Schild zum Entrée des Strandes gehört.
..eben darum wäre es das einfachste den Schriftzug als Grafik auf den header zu setzen. Ansonsten musst Du ihn formatieren
<p id="headline">Karmann Ghia Archi<span>v</span></p>z.B. und
#logo p {
color: white; /* Die vorher eingestellte Farbe passt nicht um auch als Logofarbe zu dienen, deshalb wählen wir hier weiß. */
text-decoration: none;
}
#logo p span { /* Der letzte Buchstabe soll invertiert dargestellt werden. */
color: black;
background: white;
padding-right: 0.1em; /* Ein Hack, damit das weiße rechts und links genau so breit ist. */
font-weight: bold;
}ändern [p]!! und evtl. mit der Positionierung anpassen.
Hmm, schon Post vom Anwalt bekommen??? Du stellst auf einer in Deutschland gehosteten Seite pornografisches Material frei zur Ansicht >>In Deutschland dürfen Websites mit pornographischen Angeboten nur der Öffentlichkeit zugänglich gemacht, also im Internet angeboten werden, wenn ein geeigneter Alterscheck durch ein Altersverifikationssystem (beispielsweise das so genannte Post-Ident-Verfahren) vor In-Augenscheinnahme der Porno-Bilder oder Porno-Videos geschaltet ist. Ansonsten verstößt das Angebot gegen den Jugendschutz.<<
usw. usv. ............
zu1. Du erzeugst nur ein Headerbild mit dem Titel ohne Link.
<div id="logo">
<!-- löschen
<a href="./">Karmann Ghia Archi<span>v</span></a> -->
</div>zu2. Die "springerei" der Links hast Du nur beim hover (drüberfahren mit der Maus), da hover mit fetter Schrift formatiert ist und a: normal. Nimm fett raus und die "springerei" hört auf.
zu3. Das ist Tricky, da würde ich wohl eher die optionale Geschichte irgendwie absetzen. Entweder in eine neue Zeile, als Popup oder ähnliches. Du kannst nunmal nur die Breite nutzen, die Du Dir mit der Webseite vorgegeben hast. Da wirst Du Dir was überlegen müssen.
zu4. Das kannst Du über ein iframe einbinden, ganz unproblematisch. http://http://de.selfhtml.org/html/frames/eingebettete.htm
Also ich denke, das da optisch noch mehr drin ist für die Seite. Allein was man an Grafik mit dem Thema suggeriert ist enorm. Das schreit geradezu nach einer besseren Themenumsetzung. Was mir allerdings bedenklich erscheint sind die Bilder. Sind das alle Bekannte von Dir, die die Zustimmung zur Veröffentlichung gegeben haben? Ich kann mir vorstellen das der eine oder andere sein Bild lieber nicht im Internet sehen möchte - beim "Eimersaufen"8).
Ach, so : Seitenerstellung mit Themenbezogenheit hatten wir ja schon8). Der Code: Navigation mit List-Elementen und das Auslagern aller style-Angaben. Die Schrift: siehe oben.
<tr>
<td><iframe src="http://www.coupe-de-la-ligue.de/pnews/index.php" width="568" height="744" frameborder="0" scrolling="No" ></iframe></td>
</tr>
</table>
<table width="177" border="0" cellspacing="0" cellpadding="0" style="border:1px; border-color:#1D2A57; border-style:solid; margin-top:9px;">
<tr>
<td height="20" bgcolor="#1D2A57" class="TitreMediaBlanc" style="padding:2pDeine rechte Leiste formatierst Du mit margin-top:9px +1px Rand und Dein IFrame ??
Besser Du kehrst dem Tabellenlayout den Rücken. Deine verschachtelten Tabellen werden immer unübersichtlicher und Du verlierst die Kontrolle darüber. Das Layout ist doch recht übersichtlich und mit Containern und CSS einfach umzusetzen. Desweiteren würde ich auf iframes verzichten.
Was auf alle Fälle fehlt ist die individuelle Formatierung der Schriften zu Deiner Page. Der Text im content ist pixelig und unschön zu lesen. Die "Überschrift" ist Standard - nichts individuelles.
Als Vorlage aus einer Seite von mir :
html, body, h1, h2, h3, h4, h5, h6, div, p, {margin: 0;padding: 0; }
/*font*/
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-family: Georgia, "Times New Roman", Times, serif;margin-top: 1.5em;margin-bottom: 0.125em;color: #e66600;letter-spacing: .025em;}
h1 {font-size: 2.5em;margin:0 0 20px 0;padding: 0;height:60px;}
h2 {margin-top: 0;margin-bottom: .25em; font-size: 1.8em;letter-spacing: .025em;}
p {margin: 0.4em 0 1.3em 0;text-align:justify;}Eigentlich gibt es nur zwei Lösungen: das Liquid Layout: Eine elegante Art die Seite dem Browserfenster anzupassen (der Königsweg), aber schwer zu händeln, oder ein festes (an der Größe gemessen) Layout. Eine Anpassung mit JS ist immer tragisch, wenn der Nutzer kein JS eingeschaltet hat und die Garantie hast Du nie. Deßhalb gehört die JS-Lösung in die Tonne.
Ansonsten wäre der gesamte Quelltext / Link hilfreich um evtl. andere Fehler und Dateileichen auszumerzen. Viele Augen sehen mehr...!
Du legst eine Ebene als Hintergrund an und eine Ebene für den Grunche-Effekt an. Das Grunche -Muster tupfst Du mit einem Pinsel (Schwammoptik) und geringer Deckkraft nach gusto. Du kannst natürlich im WWW auch nach fertigen "grunche brushes" suchen und einarbeiten. Zum Schluß alles Ton in Ton halten, das es nicht aufgesetzt, sondern "gealtert" und "benutzt" aussieht.
Vielleicht ist das Tutorial eine Anregung: http://www.qxm.de/photoshop/20050315-112507
Wichtigster Kernsatz: [All Images on the Website are copyrighted].....Alle Bilder auf dieser Website sind urheberrechtlich geschützt und sind Eigentum der SXC oder ihrer Image Anbieter. Alle Rechte sind vorbehaltlich, sofern der Eigentümer des Bildes (Lizenzgeber)keine andere Aussage trifft. .....
Du bekommst zwar eine allgemeine Nutzungslizenz unter bestimmten Bedingungen. Eine entgültige und allumfassende Lizenz kann nur der Eigentümer geben. Wenn Du eingeschränkte Nutzungslizenz (zB.:das Bild nur im Original zu verwenden usw. ) akzeptieren kannst und die Lizenzbedingungen erfüllst und nicht brichst , kannst du sie auf Deiner privaten Webseite verwenden. Für mich ist das aber keine Rechtssicherheit - ich würde die Bilder nur mit Genehmigung des Eigentümers verwenden.
*Calisias,
Du erstellst eine extra Webseite mit der reinen Tabelle (kein header , footer navigation o.ä.).Die Darstellung für den Druck formatierst Du so, wie Du es haben möchtest und mit dem link <a href="#" onclick="window.print();">Tabelle drucken</a> in Textform oder mittels einer Grafik <a href="#" onclick="window.print();"><img src="drucker.gif" border="0"></a> einbinden. -fertig-
DaRealAndy,
tja "border" über "border" alles ist eingerahmt - to much finde ich. Das Tabellenlayout ist auch nicht gerade der letzte Schrei. Versuche doch gleich mit Containern zu arbeiten. Damit ist zwar eine Lernphase verbunden, das Layout wird aber zukunftssicher.
firefox5.0,
hier würde ich eher auf eine Grunge-Optik setzen ( http://www.drweb.de/webgrafik/grunge-texturen.shtml ) gemäß dem Spiel ( keine klaren Linien oder Glanz). Stalker steht für eine zerstörte fast surreale Landschaft und genau das sollte auch der Header bzw. die Webseite wiederspiegeln.
Macrosdesign,
mein Tip, da Du Deine Screens oder Templates gern veräußern möchtest, erzeuge Webseiten mit einem Themenbezug. Die so "vor sich hin" gepixelten Screens sind schwer zu bewerten ohne Themenbezug. Sie sehen zwar sauber aus, aber ob sie zum Thema passen ist nicht feststellbar. Um dieser Seite seinen Look zu erhalten würde ich hier mit der Faux Columns Technik arbeiten um die beiden Spalten Navigation und Inhalt auf gleiche Höhe zu bekommen und über den Footer einen sauberen Abschluß zu bekommen.
unveu-ost,
Hast Du eine Kamera und einen Kumpel mit Fußballschuhen und den passenden Ball dazu? Dann geh`auf den Platz und auf dem Bauch schießt Du ein paar Fotos. Das Logo könnte man dann am PC einarbeiten. Die Alternative sind Stockfotos http://de.fotolia.com/search?k=fu%C3…order=relevance dann müsstest Du aber in die Tasche greifen und bezahlen. Hier kannst Du Dir aber Anregungen für eine Szene holen.
unveu-ost,
naja richtig ausgefeilt wäre ein schöner header in der Froschperspektive und z.B. ein Fuß mit Fußballschuh 
, der gerade ein Ball tritt, oder so ähnlich. Ich habe hier mal einen Schnellentwurf gemacht der sich im grün - schwarzem Bereich bewegt. Der header ist natürlich sehr stark entwicklungsbedürftig . Ein guter header braucht natürlich Zeit Ideen und Bildmaterial. Aber im Grundaufbau ist erst einmal alles da, außer einem footer. Das ist natürlich nur eine Anregung und halt nur als Lösungsansatz zu sehen.