Huhu,

meine Frage in der Überschrifft bezieht sich auf 2 Programme. Dreamwaver & Photoshop.

Es geht um folgendes.
Wenn ich meine HomePage(www.dextro23.de.vu) im Büro (1024x768 ) aufrufe, dann wird mir diese zu groß dargestellt und ich muss mit dem Horizontalbalken arbeiten um diese anzusehen. Zuhause, wo ich die Hp erstellt habe, arbeite ich mit 1280x1024 und kann die Seite ohne den Horizontalbalken aufrufen.
Jetzt zu meiner Frage.

Welche Bild-Format-Einstellung für Photoshop oder Dreamwaver ist die richtige, um Webseiten auf den meisten Rechner ohne den Horizontalbalen darstellen zu lassen?
Gibt es für sowas eine Tabelle mit Massen?

Ich hoffe man versteht meine Frage.

Dex

Moin,

dafür gibt es keine festen Regeln, außer vielleicht dass es natürlich besser wäre, man würde auf eine feste Größe verzichten. Das sollte bei Deinem bisherigen Design auch recht problemlos gehen. Ich selbst z.B. surfe nie im Vollbild, weil ich auch noch Zugriff auf andere Fenster wünsche. Oder man denke nur an die grade in Mode kommenden NetBooks wie den EeePC. Daher ist "1024x768" bestimmt besser als "1280x1024".

Grüße,
Thorsten

Ich habe da noch eine andere Frage.
Wenn ich auf meine Hp gehe, dann wird die Page bei der Auflösung von 1280x1024 rechtsbündig angezeigt, kann ich das auch einstellen, dass sie bei höheren Monitor Einstellungen auch mittig ist?

Moin,

also für mich sieht es zentriert aus, hast Du das "Problem" inzwischen gelöst? Ansonsten, welcher Browser zeigt das "Problem"?

Insgesamt ist die Konstruktion nicht sehr geschickt bisher, nur als Beispiel hat die Tabelle, in der Du Deine Gestaltung positionierst eine Breite von 1000, aber die erste Zeile (Table-Header, TH) eine Breite von 1160. Da muss der Browser raten, was Du gemeint haben könntest. Wenn man die Grafiken darin betrachtet, war wohl eher 1000 gemeint, oder?

Die Grafiknamen wie "dextro23 copia.jpg" haben übrigens immer noch Leerzeichen...

Grüße,
Thorsten

Hi,

Das Layout Deiner Seite ist auf Tabellen aufgebaut, die eine feste Breite voraussetzen. Das könntest Du "variabler" machen, indem Du die Tabellen nicht mit festen Werten füllst, sondern "width="95%"" oder so ähnlich machst.
Natürlich läufst Du dann wieder in Probleme mit Deinen Hintergrundbildern und dem irgendwann enthaltenen Text!

Deshalb wird dieser Ansatz nicht mehr wirklich empfohlen.
Lerne etwas css und Du wirst viel mehr Spaß an dem Thema haben...
http://www.css4you.de/wslayout1/

Außerdem finde ich den Quelltext echt grausam... Der kommt aus dem Dreamwaver?
Wirklich unglaublich was solche Programme für Schrott erzeugen!
http://validator.w3.org/check?uri=ht...up=1&ss=1&st=1

Im Selfhtml gibt es übrigens ein fertiges Layout, das Deinem schon recht nahe kommt. Schau Dir das vielleicht mal an.
http://de.selfhtml.org/layouts/nr01/index.htm

Grüße Grunzer

Zitat von FreewareGuide

also für mich sieht es zentriert aus, hast Du das "Problem" inzwischen gelöst? Ansonsten, welcher Browser zeigt das "Problem"?

Insgesamt ist die Konstruktion nicht sehr geschickt bisher, nur als Beispiel hat die Tabelle, in der Du Deine Gestaltung positionierst eine Breite von 1000, aber die erste Zeile (Table-Header, TH) eine Breite von 1160. Da muss der Browser raten, was Du gemeint haben könntest. Wenn man die Grafiken darin betrachtet, war wohl eher 1000 gemeint, oder?

Die Grafiknamen wie "dextro23 copia.jpg" haben übrigens immer noch Leerzeichen...

Ja, jetzt ist es zentriert und sieht jetzt auch auf niedriger Aulösung gut aus.

Ein paar Leerzeichen sind wieder dazu gekommen, weil mein PS(Italienische Version) beim speichern immer ein "copia" = "Kopie" dahinter setzt.

Die Breite 1160 ist mir garnicht aufgefallen, kommt glaub ich davon, weil ich noch ein Greenhorn bei der ganzen Sache hier bin. Es sollte aber eine 1000 sein, richtig.

@grunzer

Danke für deine Links, ich werd mich da mal reinlesen.

---

Warum wird eigentlich mein "Titel" nicht übernommen? es steht immer noch "dextr23" kleingeschrieben, aber im html-code habe ich ".:extro23::." eingegeben?!

Zitat von grunzer

Außerdem finde ich den Quelltext echt grausam... Der kommt aus dem Dreamwaver?
Wirklich unglaublich was solche Programme für Schrott erzeugen!

Mann, in den Quellcode hatte ich in der Hinsicht noch gar nicht geguckt. Da fehlt ja das Grundlegendste. Wie man dass mit dem Dreamweaver hin bekommt ist mir ein Rätsel. Da muss man wohl mutwillig kaputt machen? Eigentlich war ich von dem bisher immer im Positiven überzeugt...

Aber irgendwie bin ich auch davon gelangweilt, hier immer die gleiche Leier runterspulen zu müssen, ohne grundlegende Kenntnisse in HTML/CSS geht es nicht...

Grüße,
Thorsten

Zitat von grunzer

Außerdem finde ich den Quelltext echt grausam... Der kommt aus dem Dreamwaver?
Wirklich unglaublich was solche Programme für Schrott erzeugen!
http://validator.w3.org/check?uri=ht...up=1&ss=1&st=1

Im Selfhtml gibt es übrigens ein fertiges Layout, das Deinem schon recht nahe kommt. Schau Dir das vielleicht mal an.
http://de.selfhtml.org/layouts/nr01/index.htm

Also das meine Seite Fehler hat, das war mir nix neues, jeder fängt klein an.

Den letzten Link kann ich nicht gebrauchen, denn da ist das ganze Layout schon fertig und zum Download bereit.
Das sit nicht das was ich suche, ich versuche mich langsam an die ganze Sache heran zu arbeiten. Trotzdem danke.

Dex

Zitat von Dextro23

Den letzten Link kann ich nicht gebrauchen, denn da ist das ganze Layout schon fertig und zum Download bereit.
Das sit nicht das was ich suche, ich versuche mich langsam an die ganze Sache heran zu arbeiten. Trotzdem danke.

Ganz falsch ist der Hinweis nicht, denn bei Websites geht es viel mehr darum, wie man etwas macht (mit HTML/CSS) als wie man eine Anwendung (Dreamweaver) bedient, darum sich das auch nur mal im Quelltext genauer anzugucken, was wie gemacht wird, das ist durchaus gängige Form des Lernens.

Grüße,
Thorsten

Stimmt, ich werd mir den mal angucken.
Dreamwaver sind zwar tolle Programme, die einem das Leben echt vereinfachen, aber ohne Html vorkenntnisse gehts leider nicht.
Weil die Fehler in meiner Seite sagen mir nicht wirklich viel und ich wollte eine vernünftige Page hinbekommen, ohne Besucher mit Kenntnissen zu vergraulen.

Zitat von Dextro23

Stimmt, ich werd mir den mal angucken.
Dreamwaver sind zwar tolle Programme, die einem das Leben echt vereinfachen, aber ohne Html vorkenntnisse gehts leider nicht.
Weil die Fehler in meiner Seite sagen mir nicht wirklich viel und ich wollte eine vernünftige Page hinbekommen, ohne Besucher mit Kenntnissen zu vergraulen.

Das Grundproblem, es fehlt bereits das HTML-Gerüst. Da ist Script, Titel und Tabelle (okay, der BODY so halb, geöffnet, aber nicht geschlossen), aber alles nicht in dem notwendigen Grundgerüst HTML/HEADER/BODY. Siehe SelfHTML...

Grüße,
Thorsten

Hi,

Also ich bin der Meinung, daß man bei solch simplen Dingen wie html durchaus mit "learning by doing" weiter kommt. Allerdings können einen fertige Beispiele auf neue nicht sofort offensichtliche Ansätze bringen.
Bei css muß man sich aber vorher unter allen Umständen etwas Wissen anlesen, da man sonst wohl eher frustriert aufgibt als etwas schönes zu erstellen

Das gilt im Übrigen auch für die schrecklichen Javascript-Geschichten. Dein Dreamw. bastelt Dir da eine riesige Menge an Code rein, obwohl ich Dir auch ohne eine Zeile JS genau die gleiche Seite basteln könnte. Das macht den Code nur schlechter Wartbar und ärgert eine ganze Menge Leute, die Scripting in ihrem Browser ausgeschalten haben!!
(Das soll kein Flame gegen JS werden, aber ich bin der Meinung, daß man es nur da einsetzen sollte wo es auch nötig bzw sinnvoll ist und dann mit Bedacht!)

Speziell die Selfhtmlreferenz (ist in meinen Augen das beste in diesem Bereich) ist genial um eine ordentliche Seite zu erzeugen.
http://de.selfhtml.org/navigation/html.htm

Ich gehe bei meinen Sachen meist nicht von einem leeren Blatt aus, sondern nehme mir ein (meist altes) fertiges Projekt und verändere das so, daß es für das neue paßt.
Das spart Zeit und man entdeckt sogar manchmal noch Fehler (das gilt aber meist nur bei echten Programmierarbeiten) in den alten Tools...

Somit viel Spaß beim lernen
Ich glaube wirklich, daß da bei Dir durchaus was raus okmmen kann, da mir das Design der Seite schon mal gut gefällt...

Grüße Grunzer

Danke für dein Kompliment und Vertrauen!

Auch wenn ich sagen muss, dass ich jetzt die ersten 20 Seiten auf selfhtml gelesen habe, und mir wirklich der Kopf schwirrt. Da sehnt man sich wirklich wieder zum Dw zurück, der alles auf einem Klick für einen selber macht.
Bis ich was anständiges in Html coden kann, kann es noch was dauern, aber ich bin zuversichtlich. dass ich das schaffe.

Dex

PS: gibt es denn Teile bei SelfHtml die ich erst mal bei seite stellen soll? Ich hab das Gefühl das ich da Sachen lese, die ich am Ende nicht wirklich brauche. Soll ich lieber CSS oder XHtml oder nur Html teile lesen, oder alles auf einmal?

Hallo,

naja, Du magst Dich zum Dreamweaver zurück sehnen, aber der hat ja auch dazu beigetragen, dass Dein HTML kaputt ist (ohne dass ich mir das erklären kann, von selbst sollte der eigentlich das HTML-Grundgerüst nicht "vergessen").

Du musst zuerst einmal nur die Grundsätze lernen, wie dieses Grundgerüst aussieht, wie Tags und Attribute funktionieren und dann kannst Du SelfHTML auch eher als Nachschlagewerk verwenden. Wenn Du etwas benötigst, schaust Du nach, wie das funktioniert. Darum auch der Tipp, Dir bestehende Seiten anzuschauen. Und auch der Dreamweaver erlaubt Dir in die HTML-Darstellung umzuschalten, so dass Du auch den als Editor verwenden kannst. Es geht erst einmal darum, dass Du verstehst, wie es funktioniert, damit Du verstehst, was bisher schief gelaufen ist. Deswegen hatte ich oben ja z.B. direkt auf eine spezielle SelfHTML-Seite verlinkt.

Neben HTML solltest Du auch die Grundzüge von CSS verstehen, während ich Dir eigentlich raten würde, JavaScript (wie für Deine Menü-Rollover) erst einmal weg zu lassen. Eigentlich lässt sich das auch mit CSS umsetzen, ganz ohne JavaScript. (Wenn man das Menü aber wie bisher über Grafiken umsetzt und nicht mit Text, dann ist das schon etwas trickreicher...)

Grüße,
Thorsten

Huhu,

ich hab mir mal mein Grundgerüst angesehen und mit SelfHtml verglichen, kann aber keine großartigen Fehler erkennen.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>dextro23</title>
<meta name="Description" content="dextro23 - erfahren Sie mehr über dextro23. Hier finden Sie alle Info ...">
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<meta name="Keywords" content="">
<meta name="ROBOTS" content="index,follow">
<META name="LANGUAGE" content="Deutsch, DE, AT, CH">
<meta name="DISTRIBUTION" content="global">
<link href="/ad/stylef.css" rel="stylesheet" type="text/css">
</head>
<body>
<table cellspacing="0" cellpadding="0" id="main">
<tr><td id="cnt"><iframe src="http://home.arcor.de/dextro23/HomePage/HP-Dextro23/" name="fid1" id="fid1" width="100%" height="100%" marginwidth="0" marginheight="0" frameborder="0"></iframe></td></tr>
</table>

<div align="center" id="bottom">
<h1><a href="dextro23.de.vu">dextro23</a></h1><br><br>
<h2><a href="http://home.arcor.de/dextro23/HomePage/HP-Dextro23/">dextro23 - erfahren Sie mehr über dextro23. Hier finden Sie Informationen zum Thema dextro23...</a></h2><br><br>
</div>
</body>
<!-- FC:f -->
</html>

Es ist alles da was man für das Grundgerüst braucht, auch wenn ein bischen zu viel drin ist, oder?

Dex

Hi,

Der von Dir gepostete Quelltext ist nicht der von Deiner Seite selber, sondern der Quatsch von Deiner de.vu Adresse.
Der eigentliche Quelltext von Deiner Seite sieht so aus:

<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<title>Dextro23 Home Page</title><body onLoad="MM_preloadImages('img/button_about_me_ro_1_copia.jpg','img/button_picture_ro_1_copia.jpg','img/button_home_ro_1_copia.jpg')">
<table width="1000" height="768" border="0" align="center">
  <tr>
    <th width="1160" height="152" scope="col"><img src="img/dextro23.jpg" alt="dextro23" width="386" height="150" border="0"><img src="img/teil_haeder_ copia.jpg" width="75" height="150"><img src="img/teil_haeder_ copia.jpg" width="75" height="150"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','img/button_home_ro_1_copia.jpg',1)"><img src="img/button_home_1.jpg" name="home" width="65" height="150" border="0"></a><img src="img/teil_haeder_ copia.jpg" alt="" width="75" height="150" /><a href="about_me.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('about_me','','img/button_about_me_ro_1_copia.jpg',1)"><img src="img/button_about_me_1_copia.jpg" name="about_me" width="65" height="150" border="0"></a><img src="img/teil_haeder_ copia.jpg" alt="" width="75" height="150"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('picture','','img/button_picture_ro_1_copia.jpg',1)"><img src="img/button_picture_1_copia.jpg" name="picture" width="65" height="150" border="0"></a><img src="img/teil_haeder_ copia.jpg" alt="" width="75" height="150"><img src="img/haeder_teil_smal_2.jpg" width="44" height="150"></th>
  </tr>
  <tr>
    <td height="752"><img src="img/body_long copia.jpg" alt="body_long" width="1000" height="768"></td>
  </tr>

  <tr>
    <td height="21">&nbsp;</td>
  </tr>
</table>

Jetzt (Samstag, Oktober 04 2008 - 12:18 ) ist übrigens auch noch Dein Bildlink zum Logo defekt

Nochmal zum ordentlichen Einstieg:
Entschuldige, daß ich mich so seltsam ausgedrück habe... es absolut unnötig die gesammte Selfhtmlreferenz zu lernen. Der Name sagt ja schon, daß es hauptsächlich eine Befelssammlung ist. Wenn man das Prinzip von html verstanden hat, dann kann man aber damit super arbeiten....

Einen Schnelleinstieg (20-40 min) findet man zum Beispiel (es gibt vermutlich mehr Einstiegstutorials für html als Menschen in D) hier:
http://www.devmag.net/html/html_kurs_1.htm
Und einen Schnelleinstieg (30-60 min) in css kann man da auch gleich aufrufen:
http://www.devmag.net/html/css_einfuehrung.htm

Wenn man das verstanden hat, dann läuft es sicher wieder besser mit dem bereits genannten

Grüße Grunzer

Moin,

@Dextro23, noch etwas Erläuterung zum von Dir geposteten Quelltext: Was Du im Browser siehst, ist was mit dem <iframe> geladen wird. Der Rest (das <div> mit der id="bottom") wird mit CSS (/ad/stylef.css) hinter dem <iframe> positioniert, davon verdeckt. Das ist nur für ältere Browser, die <iframe> nicht unterstützen (wobei das meines Wissens dafür eine recht dilettantische Lösung ist). Das ist also alles HTML, dass Dir (wie @grunzer ja schon erklärte) .de.vu liefert. Was Du im Browser siehst (und was @grunzer gepostet hat und worauf ich mich immer wg. fehlendem HTML-Grundgerüst bezog) wird im <iframe> vom Arcor-Webspace geladen.

Grüße,
Thorsten

Oh man, dann entschuldigt bitte!

Ich hab da dann was falsch verstanden.
Warum macht mir der Dw denn kein Grundgerüst? Odermuss ich das selber schreiben?

Also ich hab eine neue Datei angefangen um zu sehen was der Dw macht, aber der hat kein <html> kein <body> kein <haed>.
Oder fange ich einfach nur falsch an? Normalerweise sollte er das Grundgerüt doch von alleine schreiben und den rest darin einbauen, oder liege ich da falsch?

EDIT: irgendwas ist bei meiner Page da falsch gelaufen, ich habe ein ganz neues Projekt gestartet, und jetzt hat er auch das Grundgerüst. Oh mann, ich glaub ich mach das alles nochmal von neu.

Ich hab die Seite nochmal neu gemacht und bei arcor gelöscht. Irgendwie wird sie aber immer noch geladen.

Wie kann man denn den richtigen Quelltext herausfinden, ich finde nur den von de.vu.?

Zitat von Dextro23

Ich hab die Seite nochmal neu gemacht und bei arcor gelöscht. Irgendwie wird sie aber immer noch geladen.

Wie kann man denn den richtigen Quelltext herausfinden, ich finde nur den von de.vu.?

Also für mich ist die Website weg, wie von Dir gesagt: gelöscht.

Dir ist schon klar, dass das Sache des Browsers ist, wir also nur raten können, wie genau das für Dich ist? Hast Du einen Proxy konfiguriert? Ist die Seite aus irgendeinem Grund noch im Cache? Es läuft darauf hinaus: Was ist Dein Browser?

Du solltest die Seite testen, die Du bei .de.vu konfiguriert hast und nicht die von .de.vu, in die diese konfigurierte hinein geladen wird. Oder Du befreist Deine Seite vom <iframe>, z.B. im Firefox mit Rechtsklick/"Aktueller Frame/ Nur diesen Frame anzeigen" (im IE gibt es so eine praktische Funktion leider nicht).

Grüße,
Thorsten