Beiträge von yeti66

Anonymer,

für Deine erste Templatefrage:
main.png um 180° drehen und in style.css :

/* column 1 - contains sidebar items */
#column1
{ width: 207px;
  float:left;
  padding: 16px 0px 15px 0px;
}

float: right wie hier auf left setzen.

voala!?! Gruß yeti

Simsenetti,

wie sieht es mit css-layout aus? Das wäre auch eine Überlegung wert. Du sparst Dir die Grafik für die Buttons. Hier ein Ansatz mit header, navi und footer.

Gruß yeti66

Das war ja auch nur als Anregung gedacht und keine fertige Lösung.

tigermaus,

sicher??
Das wäre sehr ungewöhnlich. Der Speicherplatz auf dem Server ist gewöhnlich begrenzt. Wenn Dein Vertrag einen unbegrenzten Speicher ausweist ürde ich mich eher an den Provider wenden. Aber hatte nicht unser "alter Herr" im Forum Dein Server ausgemistet???? Dann lief es doch wenn ich mich erinnere!? Ansonsten kann Dir nur Dein Provider weiterhelfen oder Du wendest Dich nochmal direkt an unseren "Forum-Opa" (wenn er das zu sehen bekommt verspeist er mich zum Frühstück ).

Gruß yeti66

Juiseppe,

oder so:

Juiseppe,

tja wie raffiniert soll es den sein?
Die eleganteste Methode findest Du hier: http://www.netzwelt-kali.de/rechts/diesdas…cript/layer.php zum weiterbasteln.
Die einfache Methode ist eine Seite (html), die Du beliebig formatierst, in einem POPUP-Fenster aufzurufen. Statt URL des Bildes die URL Seite aufrufen.
Hier hast Du noch eine feine Hilfe: http://scriptasylum.com/misc/popup/popup.html

Gruß yeti66

Das ist was für die JS-Abteilung!
unsichtbar laden und zeitvesetzt sichtbar machen. Hier ein Ansatz:
http://forum.de.selfhtml.org/archiv/2003/9/t56175/

Gruß yeti66

Naja, unsere Meinung zu der Seite haben wir ja schon gesagt.
Dann pusche ich mal mit 5 Punkten.

Gruß yeti66

SuperHacker,

formatiere den text, wenn der text einen Abstand zum Tabellenrand haben soll mit margin-left und die Tabelle, wenn die Tabelle einen Abstand zu Rand haben soll. http://de.selfhtml.org/

Gruß yeti66

meikschmidt,

z-index legt die Reihenfolge der Überlappung der Ebenen fest. So, wie das HTML-Dokument gelesen (abgearbeitet wird- von oben nach unten ) werden auch die Bilder Inhalte geladen.

Gruß yeti66

lippl,

so etwa sieht dann liquid layout aus. Die Navi kann man natürlich auch links anordnen.

Gruß yeti66

tigermaus,

na da hast Du doch Dein Problem. Die MB-Grenze wirst Du schon einhalten müssen, sonst macht Dein Provider die Klappe zu.
Unter http://www.ulrichbangert.de/div/komprimieren.htm oder ähnlichen Seiten findest Du immer Anleitung dazu. Je nach dem welches Grafikprogramm Du verwendest brauchst Du auch nichts extra an Software.
Die Größe (Abmessungen) Deiner Bilder richtet sich nach dem, wie sie zu Deiner Seite passen. Diese Größe legst Du nach Bedarf fest. Sagen wir mal 270x150px dann sollte das Bild maximal zwischen 75 und 100 kb haben. Das richtet sich aber auch nach der Qualität welche man erziehlen möchte. Allerdings sollte das Bild in der Auflösung 75pixel/inch nicht überschreiten. Mehr kann der Monitor in der Auflösung nicht darstellen.

Gruß yeti66

Ja, kommt darauf an wie das Ergebnis aussehen soll. Eine etwas genauere Beschreibung und/oder Quellcode wäre da schon hilfreich.

Gruß yeti66

Medius,

tja dann müßtest Du dt ein Größe ( Breite) zuordnen, bzw. die ganze Tabelle formatieren.

Gruß yeti66

tigermaus,

Du meinst sicher die Fotogalerie!? Ich vermute den gleichen Effekt wie damals. Vergleiche mal die Gesamtgröße Deiner Website (MB) mit dem Speicherplatz, den Du von Deinem Provider zur verfügung gestellt bekommen hast. Wie damals solltest Du darauf achten Dein WebSpace so sparsam wie möglich zu verwalten(alte Seiten,Bilder etc. löschen). Deine Bilder sind im einzelnen ( http://www.hundeschule-svo-langenwang.at/Photos_neu/vsilvia.jpg ) sehr groß. Auf der Webseite werden sie dann auf das Format 232/173px gepresst. Nimm die Originalbilder und trimme sie auf das Anzeigeformat und dann optimiere sie auf die Größe in kilobyte). Der Effekt ist der: die Bilder sind schärfer und benötigen weniger Platz auf dem Server. Der positive Effekt der schnelleren Darstellung im Browser (Bildaufbau) kommt noch dazu. User mit ISDN oder Analoganschluß werden es Dir danken.

Gruß yeti66

Hi Medius,

unter http://css.maxdesign.com.au/listamatic/ findest Du kostenlose Beispiele für horizontale und vertikale menü`s. Diese kannst Du dann individuell anpassen.

Gruß yeti66

---EDIT--------------------------
ups, sejuma war schneller

Hi lippl,

Zum Verständnis des Liquid Layout wirst Du Dich schon mal belesen müssen. Wenn Du dann nicht weiterkommst und Deinen Code online stellst können wir Dir auch helfen. Die Frage ist, wie "firm" Du mit HTML und CSS bist. Für den Anfang würde ich auch eher für ein festes Layout stimmen, allerdings auf JS als "Auflösungsweiche" verzichten. Im Bulletproof Web Design von Dan Cederholm findest Du eine anschauliche Anleitung inclusive ausführlicher Beschreibung über die Funktion der "kugelsicheren" Webseite. Kostenlose Information findest Du aber auch zur genüge im Web.

Gruß yeti66

MrReed,

da ist aber noch einiges zu tun.
Kein HTML Grundgerüst wie DOCTYPE,<html> und <body> tag obwohl Du den <body> tag mit css im head definiert hast. Hier erst einmal die Änderung:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Mr Reed's Homepage</title>
<link rel="stylesheet" type="text/css" href="css/navi.css">
<style type="text/css">
<!--
body {background-image: url(bilder/navi.jpg);}
-->
</style>
</head>
<body>




[url='inhalt-start.html']:Home:[/url]</p>




[url='reed.html']:Reed:[/url]</p>




[url='freunde.html']:Freunde:[/url]</p>




[url='meggi.html']:Meggi:[/url]</p>




[url='dicker.html']:Dicker:[/url]</p>




[url='projekte.html']:Projekte:[/url]</p>




[url='wallpaper.html']:Wallpaper:[/url]</p>




[url='blog.html']:Blog&Gästb.:[/url]</p>




[url='impressum.html']:Impressum:[/url]</p>




[url='links.html']:Links:[/url]</p>
</body>
</html>

Gruß yeti66

P.S.: Und das zieht sich teiweise durch die ganze Site. (kein body tag)

Gast,

also die Angabe im style="background-color:transparent;" ist ein default Wert. Ob Du ihn angibst oder nicht kommt auf das gleiche heraus. Da aber alle Dateien erst einmal aus dem Internet in den Arbeitsspeicher geladen werden müssen um angezeigt zu werden; sollte man immer sehr sparsam mit dem Code umgehen. Der User ohne DSL wird es zu schätzen wissen.
Ergo: Aller Ballast über Bord.

Gruß yeti66

P.S.: Der Code von Ladehemmung

background-color: #000;
   filter:alpha(opacity=60);
   -moz-opacity: 0.6;
   opacity: 0.6;

ist Browser spezifisch und würde ich eher als Gimmik für Mozilla-User sehen. Einen Nachteil für andere Browser sollte nicht entstehen.
z.B.: Der obige code mit der Standartschriftfarbe schwarz erzeugt im Mozillabrowsern (FF usw.) einen grauen Hintergrund und sw Schrift.(soweit O.K.) Im IE schwarze Schrift auf schwarzem Grund.

Gast,

darauf würde ich mich an Deiner Stelle gar nicht einlassen, da noch zu der Form in der Du das geschrieben hast dazu kommt, das der User in seinem Browser (Ansicht-Schriftgard-) einen größere Schrift voreingestellt haben kann.
Was letztendlich Deine "Links zentriert im Lautsprecher" zerschießt. Zuerst würde ich Deine Navi entweder mit Hilfe einer Tabelle in Form bringen oder gleich mit CSS formatieren.(Beispiele unter: http://www.css.maxdesign.com.au/)
Dann erledigt sich Deine "unterschiedliche Darstellung" von selber.

Ergo "ran an den Feind"

Gruß yeti66