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

Habbolin

W

Witschi262

Blogger
Mein neues Projekt ist fast fertig!
Habbolin, eine Fanseite zu einem Browsergame!
Fertig ist sie aber noch nicht.
Die Registerseite ist noch nicht dem eigentlichen Design richtig angepasst.Die Kästen raus, bzw. eingedrückt.Desweiteren ist eine Fehleranzeige noch nicht vorhanden.Bugusing ist hier erstmal notwendig.
Ich werde mir später eine Domain inkl. Webspace und Unlimited Traffic inkls. Datenbank die mySQLi untersützt.Pls was empfhelen :p

www.witschi262.bplaced.net

Schaut sie euch an ;)
(PS: für die Loginseite:
Nick: Test123
PW: 123456)

Ach ja, sie sieht vllt. nicht professionell aus.Das liegt vllt daran, dass ich erst 11 Jahre bin ;)
 
Hallo Witschi!

Die Seite wird leider ganz schön zerrissen bei mir (Opera 10.10 mit 1680x1050) dargestellt. Hab dir mal einen Screen angefertigt: Klick mich
Sonst: Hoffentlich hast du dir die Erlaubnis für die verwendeten Bilder eingeholt :)

Zum Code:
Leider nicht so gut. Der W3 Validator zeigt 214 Fehler und 75 Errors an. Die solltest du unbedingt ausbessern!
Auch auf ein Tabellendesign, Spaghetti-Markup und veraltete Tags wie <center> solltest du verzichten.

Viel Eroflg damit :)

MfG Icy
 
Erstmal danke, für deinen Beitrag ;)
Hm, Opera hat irgendwie einen anzeigefehler.Bei allen anderen (Firefox&Explorer) ging alles einwandfrei.
Zu dem Validator:
Er spinnt ein wenig, aber es selbst geguckt, ich finde nirgendwo diese Fehler.Im CSS befinden sich jedoch keine fehler (Ergebnisse des CSS-Validators <{http://witschi262.wi.ohost.de/|escape:'html':'UTF-8'}/> (CSS level 2.1))
Hm, viele Bilder habe ich auch selbst erstellt..
Ich weiß aber leider nicht was du mit Tabellendesign meinst?Und das Newsscript z.B ist auch runtergeladen.Auf deren Fehler, kann ich leider nichts verbessern..
 
Das ist ein Template stimmts?

Was ist das?
HTML: 
<!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>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

Wie Witschi schon gesagt hat ist der Code nict so gut!

Verbeserungswürdig:

-Du benutzt Tabellen fürs Layout
-Du lagerst die Css Datei nicht aus
-Der Header ist falsch
-Du hast einen riesen Kommentar im Code(ist der Pflicht)
-Du benutzt veraltete Tags wie <center>
-Du benutzt keine Überschriften
-Der Text ist teilweise sehr an den Rand gequetscht verwende margin.
-usw

MfG xXxPeterPanxXx
 
Ich hab Internet Explorer7 und da stimmt auch nicht alles
Die Menüleiste steht bei mir ganz links und nicht in der Seitenmitte
 
Icy, jetzt sollte die Seite nicht mehr so "zerissen" aussehen.Habe das <br> zwischen den beiden Bildern vergessen, somit wurden beide Bilder nebeneinander, zentriert angezeigt, und die Menübuttons zu weit einm
Vier Zeichen große Wirkung ;)
 
Witschi262 schrieb:
Icy, jetzt sollte die Seite nicht mehr so "zerissen" aussehen.Habe das <br> zwischen den beiden Bildern vergessen, somit wurden beide Bilder nebeneinander, zentriert angezeigt, und die Menübuttons zu weit einm
Vier Zeichen große Wirkung ;)
Zum Vergrößern anklicken....
<br> ist aber nur um einen Textumbruch zu erzwingen. In deinem Fall macht man das mit Css. (margin: und float:)

MfG xXxPeterPanxXx
 
Ich verstehst nich:
Wenn <center> funktioniert, warum soll mans nich nehmen?Es ist alt, na und?Das selbte wie bei Margin...
Warum soll ich <br /> nich nehmen?Es komtm das selbe raus, als wenn ich umständlicher mit CSS arbeite.
Warumm soll ich die CSS-Datei auslagern?Was ist der Unterschied?

Alles Dinge, die doch für mich jedenfalls, egal sind, es passt so, warum ändern?
 
Witschi262 schrieb:
Ich verstehst nich:
Wenn <center> funktioniert, warum soll mans nich nehmen?Es ist alt, na und?Das selbte wie bei Margin...
Warum soll ich <br /> nich nehmen?Es komtm das selbe raus, als wenn ich umständlicher mit CSS arbeite.
Warumm soll ich die CSS-Datei auslagern?Was ist der Unterschied?

Alles Dinge, die doch für mich jedenfalls, egal sind, es passt so, warum ändern?
Zum Vergrößern anklicken....
<center> ist kein richtiger Tag. Er eurde nur vom IE erfunden und kann in manchen Browsern Problem verursachen.

<br> Verwendet man nicht für das Design. Für das Design ist CSS.

CSS auslagern ist nicht viel Arbeit und spart viel Traffic
 
IE ist bei Windows standard-Browser.Den Habe ich schon.
Habe mal geguckt, der interpretiert das irgendwie falsch.
Habe mit der Linkleiste eigentlich normales Tag's benutzt, und auch sonst alles normal
Das CSS ist mit 0 Fehlern durch den Validator geschlichen.
Also entweder ist ein kleiner Codefehler drin, oder IE interpretiert's falsch..
Der Nachteil bei IE ist auch, dass er immer ca. 5px abstand zwischen zwei bildern hält.. das zereist die seite völlig!
 
Witschi262 schrieb:
IE ist bei Windows standard-Browser.Den Habe ich schon.
Habe mal geguckt, der interpretiert das irgendwie falsch.
Habe mit der Linkleiste eigentlich normales Tag's benutzt, und auch sonst alles normal
Das CSS ist mit 0 Fehlern durch den Validator geschlichen.
Also entweder ist ein kleiner Codefehler drin, oder IE interpretiert's falsch..
Der Nachteil bei IE ist auch, dass er immer ca. 5px abstand zwischen zwei bildern hält.. das zereist die seite völlig!
Zum Vergrößern anklicken....
Oder es liegt daran das dein Code Semantisch falsch ist.(<br> und <center> für positionierung).

MfG xXxPeterPanxXx
 
Witschi262 schrieb:
Wenn <center> funktioniert, warum soll mans nich nehmen?
Zum Vergrößern anklicken....
Weil es nicht im Sinne von HTML ist.#
Weil es als Hack eingeführt wurde, als es CSS noch nicht gab.
HTML ist nur für die logische Bedeutung des Inhalts gedacht, nicht für das Aussehen.

Und, nur weil Du auch mit einem BobbyCar auf der Autobahn fahren könntest, würdest Du es ja auch nicht tun.

Warum soll ich <br /> nich nehmen?Es komtm das selbe raus, als wenn ich umständlicher mit CSS arbeite.
Zum Vergrößern anklicken....
das ist ein weit verbreiteter Irrglaube.
Clients, die Deinen HTML-Code interpretieren, können mit solchen Tags wie <center>, <b> oder <i> nichts anfangen, weil sie keine semantische Bedeutung haben. Folglich weiß der Client nicht, was der Inhalt bedeuten soll. Suchmaschinen interpretieren so Deinen Inhalt und verzetteln sich. Vorlesebrowser lesen Deinen Text falsch vor, wenn Du ihnen nicht gemäß des HTML-Standards von W3C sagst, was Dein Inhalt bedeuten soll.
Die optische Anzeige ist nur ein kleiner teil von dem, was eine Website macht und können muss.

Warumm soll ich die CSS-Datei auslagern?Was ist der Unterschied?
Zum Vergrößern anklicken....
Du tust Dich leichter bei Änderungen, insbesondere bei solchen, die auf mehreren Seiten stattfinden sollen oder bei Redesigns. Und es ist übersichtlicher.

Alles Dinge, die doch für mich jedenfalls, egal sind, es passt so, warum ändern?
Zum Vergrößern anklicken....
Nur weil es bei Dir passt, heißt es ja nicht, dass es bei den Abermillionen WWW-Nutzern auch passt. Du bist sehr kurzsichtig, willst eine Website erstellen für ein weltweites Publikum, kümmerst Dich aber nicht darum, dass alle die Site gleichermaßen nutzen können.

Den Fehler haben hier alle früher auch gemacht, die heute Experten sind. Aber Du soltlest akzeptiern, was man Dir hier mit auf den Weg gibt. So wie Du arbeitest, hat man in den 1990er Jahren gearbeitet. Eine nicht bös gemeinte Frage: Konntest Du da überhaupt schon sprechen?

xXxPeterPanxXx schrieb:
<center> ist kein richtiger Tag. Er eurde nur vom IE erfunden und kann in manchen Browsern Problem verursachen.
Zum Vergrößern anklicken....
Woher hast Du das denn?

Witschi262 schrieb:
IE ist bei Windows standard-Browser.
Zum Vergrößern anklicken....
Bei mir nicht.
 
Bei mir ist IE aber schon standard :/
Aber wie soll ich die Bilder dann ersetzen?Mit dem Boxmodell mit CSS hatte ich auch nur Probleme.Denn das Fenster verkleinert, oder vergößert sich, bei anderen Auflösungen.Die Bilder ja nicht.
Habe schonmal mit einem Neuen Script angefangen.Nur, wie ich das Center wegkriege, weiß ich (noch) nicht.

Hier das HTML:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">
<head>
<title>Habbolin|Willkommen</title>
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
</head>
<body>
<div id="header">
<center>
<img src="aktuell.png" alt="Logo">
</center>
</div>
<div id="inhalt">
Box 1
</div>
</body>
</html>

Hier die Ausgelagerte CSS-Datei:
Code: 
body {
  background-image: url("17.gif");
  background-repeat: repeat;
}


#inhalt {
    position:absolute;
    bottom: 50px;
    right: 50px;
    background: #00FF00;
    width: 50px;
    height:50px;
    padding:2px;
    border: 1px solid black;
    font-family:arial;
}
 
Zuletzt bearbeitet:
Hm, das funktiponiert irgendwie nicht :-/
body {
background-image: url("17.gif");
background-repeat: repeat;
}
img {
border: none;
}
img {margin: 0px auto;}


#inhalt {
position:absolute;
bottom: 50px;
right: 50px;
background: #00FF00;
width: 50px;
height:50px;
padding:2px;
border: 1px solid black;
font-family:arial;
}

#navi {
position:absolute;
top: 148px;
right: 146px;
 
Witschi262 schrieb:
Bei mir ist IE aber schon standard
Zum Vergrößern anklicken....
Das ist bei der Erstellung von Websites aber uninteressant. Du bist da nur ein kleines Licht :-)

Denn das Fenster verkleinert, oder vergößert sich, bei anderen Auflösungen.
Zum Vergrößern anklicken....
Nein, nicht unbedingt. Wenn Du bei einer Auflösung von 1600x1200 ein Fenster der Größe 800x600 hast und dann die Auflösung auf 1024x600 stellst, ist das Fenster immer noch 800x600 groß und die Seite wird genauso dargestellt, wie bei der höheren Auflösung.

Habe schonmal mit einem Neuen Script angefangen.Nur, wie ich das Center wegkriege, weiß ich (noch) nicht.
Zum Vergrößern anklicken....
Block-Elemente zentriert man mit "margin:0 auto", Inline-Elemente mit "text-align:center". Insofern war Elroys Antwort nur die halbe Miete.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben