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

www.michaelholzhauser.de

Herr-Vorragend

Neues Mitglied
Hi,

ich möchte mal die neue Version meiner Homepage vorstellen:
michael holzhauser : News

Dazu gibts eigentlich nicht viel zu sagen, an Inhalten mangelt es noch, das Grunddesign und die Grundfunktionalität steht jedoch. Ich habe sehr viel AJAX und Effekt-Spielereien benutzt, dennoch sollte das ganze Crossbrowser-kompatibel und ohne JavaScript betrachtbar sein.

Über Feedback würde ich mich sehr freuen.

Danke und Gruß
 
Ansichts ein schöner Übersichtlicher eindurck.

Doch wenn man genauer hinschaut ist der Code eine Qual.
Divsuppe
Code:
						<div class="title">Nickname:</div>
						<div class="field"><input type="text" class="input" name="loginbox_username" id="loginbox_username" value="" size="20" /></div>
					</li>
					<li>
						<div class="title">Passwort:</div>
						<div class="field"><input type="password" class="input" name="loginbox_password" id="loginbox_password" size="20" /></div>
					</li>
					<li>
						<div class="title">Wiederh.:</div>
						<div class="field"><input type="password" class="input" name="loginbox_password2" id="loginbox_password2" size="20" /></div>
					</li>
					<li>
						<div class="title">eMail:</div>
						<div class="field"><input type="text" class="input" name="loginbox_email" id="loginbox_email" value="" size="20" /></div>
					</li>
					<li>
						<div class="title">Captcha:</div>
						<div class="field">
							<input type="text" class="input" name="loginbox_captcha" id="loginbox_captcha" value="" size="20" /><br />
							<img src="[URL="http://www.html.de/view-source:http://www.michaelholzhauser.de/v3/styles/standard/images/captcha_0cd319a823b398bba86366133fd248bb.png"]/v3/styles/standard/images/captcha_0cd319a823b398bba86366133fd248bb.png[/URL]" width="140" id="captchaimg" alt="Captcha" title="Captcha neu laden" onclick="loginbox_reloadCaptcha();" />
						</div>
					</li>

Code:
			</div>
			<div id="stuffbox">
				
			</div>
		</div>

	</div>

Inline Styles
Code:
<div style="display: block;">

Und anstatt absätze mit p zu machen nutzt du massig <br />´s


Aber die Farben sehen wirklich gut aus!
Wirkt so,... lebendig!
^^
 
Hi,

zunächst mal Danke für die Antworten.

Ich div's sind nötig, weil ich viele Layers habe, die übereinander liegen, und ich an einigen Stellen auf Tabellen verzichten wollte. Etwas besseres ist mir nicht eingefallen, vielleicht hast du da Tipps?

Die inline-styles brauche ich an der Stelle, weil sonst die Effekte nicht funktionieren (da muss man erst mal drauf kommen ;) )

Die br's sollten an einigen Stellen eigentlich p's sein, danke dass du es sagst, wärs mir gar nicht aufgefallen :D

Danke und Gruß
 
Ich div's sind nötig, weil ich viele Layers habe, die übereinander liegen, und ich an einigen Stellen auf Tabellen verzichten wollte. Etwas besseres ist mir nicht eingefallen, vielleicht hast du da Tipps?
Zeichne deinen Quellentext einfach so aus wie es vom Sinn am besten ist.

Beispiel:
<li>
<div class="title">eMail:</div>
<div class="field"><input type="text" class="input" name="loginbox_email" id="loginbox_email" value="" size="20" /></div>
</li>
Und wieso nicht so?
Code:
<li class="title"> eMail:</li>
 <li class="field"><input type="text" class="input" name="loginbox_email" id="loginbox_email" value="" size="20" />
         </li>
So zu den Inline Styles.

<div class="comments" id="comments1" style="display: none">
Wieso nicht so:
Code:
#comments1 {
display: none; }
Code:
<div class="comments" id="comments1">
 
Schöne funktionen, nur machen sie das schlichte Design auch nicht wieder gut :? zimlich eintöhnig, keine besonderheiten, wodran man sich orientieren kann :?
 
So zu den Inline Styles.

Wieso nicht so:
Code:
#comments1 {
display: none; }
Code:
<div class="comments" id="comments1">

Nein, das funktioniert wirklich nicht :) Normalerweise vermeide ich inline-styles, allerdings sind sie hier wirklich nötig. Wenn ich im Stylesheet das Element unsichtbar mache funktioniert der Effekt, der Elemente erscheinen lässt, nicht, nur wenn ich das Element direkt im Elementknoten unsichtbar mache. Wird wohl an JavaScript liegen, genauer habe ich das noch nicht ergründen können.

Ansonsten versuche ich den strukturellen Aufbau noch mal zu überdenken, danke für die Tipps.
 
mir gefällt die farbenzusammenstellung gut..
eine sache ist mir aber aufgefallen:
rechts oben ist eine form, bei der man sich einloggen etc. kann..
wenn man aber einen script blocker (z.B. NoScript) installiert hat, kann man sich nicht registrieren!
 
Schöne funktionen, nur machen sie das schlichte Design auch nicht wieder gut :???: zimlich eintöhnig, keine besonderheiten, wodran man sich orientieren kann :???:
Ein Design muss nicht immer voll mit übernormalen Grafikeffekten vollgemauert sein.
Eine schlichte aber trotzdem seriöse Seite hat manchmal viel mehr als irgendwelche Grafikeffekte. ;)

Und ich persönlich finde, dass die Seite schon einen Wiedererkennungswert hat.
Diese schönen Effekte und allgmein der Aufbau.
Sehr schön.
 
Beispiel:
Und wieso nicht so?
Code:
<li class="title"> eMail:</li>
 <li class="field"><input type="text" class="input" name="loginbox_email" id="loginbox_email" value="" size="20" />
         </li>
Warum sollten Beschriftung und Input in getrennte li ?

Allerdings würde ich die Beschriftungen mit label dem jeweiligem input zuordnen:
Code:
<li><label>Beschreibung</label>input</li>
 
Zurück
Oben