• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Seite anpassen

Status
Für weitere Antworten geschlossen.
S

snboy2005

Neues Mitglied
Hallo alle zusammen. Wäre euch sehr dankbar für eine Lösung. Hier meine Problem:
Also ich habe eine Webpage erstellt. Ich arbeite auf einer Auflösung von 800x600. Somit habe ich auch beim erstellen der Page auf dieser Auflösung gearbeitet und die Page auf diese Auflösung optimiert. Wenn ich jetzt aber auf einer höhere Auflösung wie 1024x768 wechsele passt sich die Page nicht der Auflösung an und somit kommt immer viel leerer Paltz und so. Wie kann ich machen, dass egal was für eine Auflösung es jetzt ist, die Page immer sich optimal an jede Auflösung anpasst? Die Adresse der lautet:
www.kosmetikstudio-berlin.de.vu
Das ist das Kosmetikstudio von meiner Schwester, welches sie vor kurzem eröffnet hatte und sie hatte mich gebeten für das Studio eine Page zu erstellen.

p.s. Es tut mir leid wenn durch solche Frage euch auf die Neven gehe. Ich möchte blos nur eine Gute Page hinbekommen und leider habe ich nicht soviel Ahnung von HTML. Den größten Teil versuche ich ja schon selber aber nur wenn ich eine Sache 100mal probiere und nichts klappt wende ich mich an euch. VIELEN DANK, dass Ihr euch die Zeit nehmt mir auf meine Fragen zu antworten.

EDIT: weiß den keiner eine Antwort auf dieses Problem? Es muss doch irgendwie gehen????
BITTE EINE ANTWORT :roll:
 
Statt Höhe- und Breitenangaben mit px anzugeben, einfach in Prozent.

mfg Plankton
 
Hi snboy2005

vom Prinzip her hat Plankton Recht. Hierzu noch mal ein Link zu selfhtml, wo das Gestalten von Tabellen erklärt wird.
LINK: http://de.selfhtml.org/html/tabellen/gestaltung.htm#breiten_hoehen

Nur sollte sich deine Schwester überlegen ob sie sich nicht fachmännische Hilfe holt. :shock:
Eine Webseite ist eine Art online Visitenkarte, die nicht nur Kunden bringen kann, sondern auch welche abschrecken. Da kommt es auf das Aussehen an.
Würdest du zu einem Arzt gehen, der dir eine völlig verdreckte und zerknitterte Visitenkarte gibt?
Mit Sicherheit nicht und genauso schreckt eine schlecht umgesetzte Homepage potenzielle Kunden ab, sich für ein Besuch in dem Kosmetikstudio zu entscheiden. :roll:

Das ist das Fatale. Die Leute schließen von aus einer schlechten Webseite, auf genau so schlechte Arbeit im Kosmetikstudio. :!:

Gruß
Hobbyuser
 
Was genau findest du den an der Seite schlecht? Ich meine verglichen mit anderen ist sie doch gar nicht so übel geworden. Außer dieser Sache mit der Auflösung. Aber daran arbeite ich ja.
Aber so ein Feedback würde mich schon interessieren. Dann wüsste ich was ich verändern soll. Ich bin schließlich der Admin der Page 8) :lol:
 
Nun, die Schrift könnt vielleicht mit CSS ein bissl kleiner gemacht werden. Dann siehts nicht mehr so komisch aussehn. Außerdem passt der bg gar nicht zu den buttons und dem baner. (Wenn dann nimm einen anderen bg, also zb. rosa , wie die buttons...). und erstell mal bitte die startseite. wenn man da draufgeht, dann ist die net vorhanden. Die preisliste würde ich nur als downoadoption anbieten, da die besucher ja die preise anschauen wollen und nicht zuerst dwnloaden müssen. Als letzte kritik will ich noch die angebote ansprechen. Hier wird der besucher nicht, wie erwartet, informiert, sondern zum kommen aufgefordert. (Und lass den smiley bitte weg. der stört....)

Gruß byspeed
 
snboy2005 schrieb:
Was genau findest du den an der Seite schlecht?
Zum Vergrößern anklicken....
Leider ist die Seite derzeit nicht zu erreichen, was eine genaue Kritik unmöglich macht. :roll:

Trotzdem werde ich mal die Fehler/Mängel aufschreiben an die ich mich noch erinner.
FEHLER:
- Falsches DOCTYPE und META-Tags
- Unvolständige Schrift auf einem der Button
MÄNGEL:
- Seite bei höherer Auflösung nicht zentriert
- Inhalt zu dicht an der Navigation
- Untere Navigation falsch platziert
- Verwendung von veralteten (deprecated) Tags und Tabellenlayout.

Das farbliche Layout und die Preisübersicht nur als Download wurden ja schon angesprochen. Eine genauere Kritik ist erst wieder möglich wenn die Seite online ist.

Das ganze vermittelt eine unprofessionellen Gesamteindruck, der sich negativ auswirken könnte. :roll:
 
Hallo. Danke für die Feedbacks. Also komme ich zum ersten schlechten Punkt. Ich habe jetzt die Angaben zur Höhe und zur Breite in % angegeben. Im IE sieht es jetzt besser aus aber und Firefox ist das Bild der aller ersten Seite bei hoher auflösung zwar Zentriert aber bei einer kleineren (800x600) sieht es dann total scheiße aus. Ich poste mal den Quealcode der ersten index.html
Code: 
<!DOCTYPE HTML PUBLIC "Kosmetikstudio Berlin">
<HTML>
<HEAD>
<META HTTP-EQUIV="Kosmetikstudio Berlin" CONTENT="Kosmetikstudio Berlin">
<META NAME="Kosmetikstudio Berlin" CONTENT="Kosmetikstudio Berlin">
<TITLE>Kosmetikstudio Berlin</TITLE>
</HEAD>
<BODY NOF="(MB=(DefaultMasterBorder, 0, 0, 0, 35), L=(HomeLayout, 646, 423))" BGCOLOR="#CCCCFF" TEXT="#000000" LINK="#0033CC" VLINK="#990099" ALINK="#FF0000" TOPMARGIN=0 LEFTMARGIN=0 MARGINWIDTH="100%" MARGINHEIGHT="100%">
    <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%" HEIGHT="100%">
        <TR VALIGN=TOP ALIGN=LEFT>
            <TD HEIGHT=397></TD>
            <TD COLSPAN=3 ALIGN=CENTER VALIGN=MIDDLE WIDTH=529>[img]./assets/images/Kopie_von_neu-1.jpg[/img]</TD>
        </TR>
        <TR VALIGN=TOP ALIGN=LEFT>
            <TD WIDTH=117 HEIGHT=2>[img]./assets/images/autogen/clearpixel.gif[/img]</TD>
            <TD WIDTH=151>[img]./assets/images/autogen/clearpixel.gif[/img]</TD>
            <TD></TD>
            <TD WIDTH=138>[img]./assets/images/autogen/clearpixel.gif[/img]</TD>
        </TR>
        <TR VALIGN=TOP ALIGN=LEFT>
            <TD COLSPAN=2 HEIGHT=24></TD>
            <TD WIDTH=240><form name="" method="post" action="Local Publish2/index2.html"> <INPUT TYPE=SUBMIT NAME="Schaltfläche1" VALUE="Zur Haupseite hier klicken" ID="Schaltflaeche1"><table border=0 width=1 height=1 cellpadding=0 cellspacing=0><tr><td>[img]http://kostenloser-besucherzaehler.campusanuncios.com/ztau2.php?ida=384810824[/img]</a></td><td>[img]http://kostenloser-besucherzaehler.campusanuncios.com/tau2.php?ida=384810824[/img]</a></td><td>[img]http://kostenloser-besucherzaehler.campusanuncios.com/hun2.php?ida=384810824[/img]</a></td><td>[img]http://kostenloser-besucherzaehler.campusanuncios.com/zen2.php?ida=384810824[/img]</a></td><td>[img]http://kostenloser-besucherzaehler.campusanuncios.com/ein2.php?ida=384810824[/img]</a></td></tr></table>    </form></TD>
            <TD></TD>
        </TR>
    </TABLE>
</BODY>
</HTML>

So habe ich die index.html geschrieben. Könntet Ihr mir vielleicht die Fehler sagen, die ich gemacht habe. Unter anderem das mit dem Anpassen an Auflösungen.

Und dann noch eine Frage: Mit den Preislisten habe ich immer noch nicht ganz verstanden. Ich bitte doch eine Preisliste zum Download an. Die in einem Worddokument gespeichert ist und einmal als PDF.
Was meint Ihr genau mit der Kritik an der Preisliste???
Aber schon extrem VIEL VIEL VIEL DANK für eure bereits gemachte
Mühe mir zu helfen.
DANKE :roll:
 
Zuerstmal kannst auch du CodeTags verwenden.

<!DOCTYPE HTML PUBLIC "Kosmetikstudio Berlin">
Was ist das denn für ein Doctype?

» Doctypes bei SelfHtml.

Zu der Preisliste:
Es ist doof, wenn man sich die Preisliste erst herunterladen muss, oder sind die Preise so hoch, dass es die bescher abschrecken würde, wenn du sie einfach hinschreibst? :lol:

<META HTTP-EQUIV="Kosmetikstudio Berlin" CONTENT="Kosmetikstudio Berlin">
<META NAME="Kosmetikstudio Berlin" CONTENT="Kosmetikstudio Berlin">

Was ist denn das schon wieder? Du erfindest Doctypes und Metatags?

» Metatags bei SelfHtml

Verbessere erstmal das und validiere die Seite dann.
 
Ok. Habe jetzt so korrigiert:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<META NAME="author" CONTENT="Kosmetikstudio Berlin">
<META NAME="KEYWORDS" CONTENT="Kosmetikstudio, Berlin">
<TITLE>Kosmetikstudio Berlin</TITLE>
</HEAD>
<BODY NOF="(MB=(DefaultMasterBorder, 0, 0, 0, 35), L=(HomeLayout, 646, 423))" BGCOLOR="#CCCCFF" TEXT="#000000" LINK="#0033CC" VLINK="#990099" ALINK="#FF0000" TOPMARGIN=0 LEFTMARGIN=0 MARGINWIDTH="100%" MARGINHEIGHT="100%">
    <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%" HEIGHT="100%">
        <TR VALIGN=TOP ALIGN=LEFT>
            <TD HEIGHT=397></TD>
            <TD COLSPAN=3 ALIGN=CENTER VALIGN=MIDDLE WIDTH=529>[img]./assets/images/Kopie_von_neu-1.jpg[/img]</TD>
        </TR>
        <TR VALIGN=TOP ALIGN=LEFT>
            <TD WIDTH=117 HEIGHT=2>[img]./assets/images/autogen/clearpixel.gif[/img]</TD>
            <TD WIDTH=151>[img]./assets/images/autogen/clearpixel.gif[/img]</TD>
            <TD></TD>
            <TD WIDTH=138>[img]./assets/images/autogen/clearpixel.gif[/img]</TD>
        </TR>
        <TR VALIGN=TOP ALIGN=LEFT>
            <TD COLSPAN=2 HEIGHT=24></TD>
            <TD WIDTH=240><form name="" method="post" action="Local Publish2/index2.html"> <INPUT TYPE=SUBMIT NAME="Schaltfläche1" VALUE="Zur Haupseite hier klicken" ID="Schaltflaeche1"><table border=0 width=1 height=1 cellpadding=0 cellspacing=0><tr><td>[img]http://kostenloser-besucherzaehler.campusanuncios.com/ztau2.php?ida=384810824[/img]</a></td><td>[img]http://kostenloser-besucherzaehler.campusanuncios.com/tau2.php?ida=384810824[/img]</a></td><td>[img]http://kostenloser-besucherzaehler.campusanuncios.com/hun2.php?ida=384810824[/img]</a></td><td>[img]http://kostenloser-besucherzaehler.campusanuncios.com/zen2.php?ida=384810824[/img]</a></td><td>[img]http://kostenloser-besucherzaehler.campusanuncios.com/ein2.php?ida=384810824[/img]</a></td></tr></table>    </form></TD>
            <TD></TD>
        </TR>
    </TABLE>
</BODY>
</HTML>

Und was jetzt? Wie gehe ich jetzt weiter? z.B. Mit dem Anpassen an die Auflösung? :D
 
Also das ist jetzt der Code:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<META NAME="author" CONTENT="Kosmetikstudio Berlin">
<META NAME="KEYWORDS" CONTENT="Kosmetikstudio, Berlin">
<TITLE>Kosmetikstudio Berlin</TITLE>
</HEAD>
<BODY NOF="(MB=(DefaultMasterBorder, 0, 0, 0, 35), L=(HomeLayout, 646, 423))" BGCOLOR="#CCCCFF" TEXT="#000000" LINK="#0033CC" VLINK="#990099" ALINK="#FF0000" TOPMARGIN=0 LEFTMARGIN=0 MARGINWIDTH="100%" MARGINHEIGHT="100%">
    <TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="100%" HEIGHT="100%" NOF=LY ALIGN=CENTER>
        <TR VALIGN=TOP ALIGN=LEFT>
            <TD HEIGHT=397></TD>
            <TD COLSPAN=3 ALIGN=CENTER VALIGN=MIDDLE WIDTH=529>[img]./assets/images/Kopie_von_neu-1.jpg[/img]</TD>
        </TR>
        <TR VALIGN=TOP ALIGN=LEFT>
            <TD WIDTH=117 HEIGHT=2>[img]./assets/images/autogen/clearpixel.gif[/img]</TD>
            <TD WIDTH=151>[img]./assets/images/autogen/clearpixel.gif[/img]</TD>
            <TD></TD>
            <TD WIDTH=138>[img]./assets/images/autogen/clearpixel.gif[/img]</TD>
        </TR>
        <TR VALIGN=TOP ALIGN=LEFT>
            <TD COLSPAN=2 HEIGHT=24></TD>
            <TD WIDTH=240><form name="" method="post" action="Local Publish2/index2.html"> <INPUT TYPE=SUBMIT NAME="Schaltfläche1" VALUE="Zur Haupseite hier klicken" ID="Schaltflaeche1"><table border=0 width=1 height=1 cellpadding=0 cellspacing=0><tr><td>[img]http://kostenloser-besucherzaehler.campusanuncios.com/ztau2.php?ida=384810824[/img]</a></td><td>[img]http://kostenloser-besucherzaehler.campusanuncios.com/tau2.php?ida=384810824[/img]</a></td><td>[img]http://kostenloser-besucherzaehler.campusanuncios.com/hun2.php?ida=384810824[/img]</a></td><td>[img]http://kostenloser-besucherzaehler.campusanuncios.com/zen2.php?ida=384810824[/img]</a></td><td>[img]http://kostenloser-besucherzaehler.campusanuncios.com/ein2.php?ida=384810824[/img]</a></td></tr></table>    </form></TD>
            <TD></TD>
        </TR>
    </TABLE>
</BODY>
</HTML>

Es ist etwas besser geowrden. Jetzt aber ist folgendes: Bei IE auf Auflösung von 800x600 ist ok. Bei 1024x768 ist Problem zwischen Abstand und Bild. Bei FireFox bei 800x600 sieht ews schei.. aus und bei 1024x768 gut.
Die Fehler die der Validator angeizeigt hat sind für mich unverständlich und ich weiß nicht wie es richtig korigieren soll. Die Seite funktioniert doch und das anpassen an die Auflösung stört mich.
 
Vielleicht kann snboy2005 auch nur kein Englisch. Ich empfehle deshalb immer den Validome weil der in Deutsch ist, genauer prüft und zusätlich Beschreibungen und ein Forum bietet. :D
LINK: http://www.validome.org/lang/ge

Vielleicht hast du ja damit mehr Erfolg snboy2005. ;)

Gruß
Hobbyuser
 
Ok, falsch verstanden.
snboy2005, ich versuche es dir zu erklären was dir der Validator sagen will:

Error1 Line 9 column 10: there is no attribute "NOF".
- Das Attribut "NOF" existiert (zumindest in HTML 4.0 Transitional) nicht. (Ich kenne das auch nicht, was soll das bewirken?)

Error2 Line 9 column 168: there is no attribute "TOPMARGIN".
In HTML 4.0 Transitional existiert das Atttribut "topmargin" nicht. Eine Lösung mit CSS wäre angebracht.

Das gleiche gilt für Fehler 3,4,5 und 6.

Fehler 7 = Fehler 1

Error 8 Line 23 column 37: there is no attribute "NAME".
- Entweder existiert das Attribut nicht oder es darf nicht leer sein.

Error9,10,11,12,13 : end tag for element "A" which is not open.
- Wie der Fehlertext schon sagt, da ist ein Endtag für a, obwohl du kein a-tag hast, das geschlossen werden müsste.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben