zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Site- und Layoutcheck
Seite neu laden Re-design: Fractured Sanity

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.12.2007, 13:13
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.02.2006
Beiträge: 53
Midnight befindet sich auf einem aufstrebenden Ast
Standard Re-design: Fractured Sanity

Mich würde eure Meinung interessieren. Bzw was ihr noch an Bugs findet und vielleicht sogar zu deren Lösung Tipps oder weiterführende Literatur/Websites empfehlen könnt.

Fractured Sanity[Dot]Org - Vers. 09 - Brushes, Patterns, Art ...

Zwei bzw. drei Bugs weiß ich schon und arbeite schon seit fast einer Woche an einer Lösung bzw. suche nach einer, Arbeit kann man das nämlich nicht nennen. Ich probiere einfach herum und wenn es nicht klappt setze ich das CSS wieder zurück.

1.) Das Creative Linkbild verschiebt es mir außer im IE immer unten in die Navi.

2.) Auf der Linkspage zieht es im IE,Opera und anderen Browsern die Links zusammen. Ich habe mal auf anderen Seiten nachgeschaut, die lösen dass mit einer Tabelle. Ist das sinnvoll?

3.) Auf Ubuntu schaut der Bottom (Seitenabschluss) nicht gut aus. Wobei man das sicher fixen könnte, indem ich die Schrift kleiner mache. Den Fehler habe ich dank Browsershots bemerkt.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.12.2007, 14:06
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Nicht "valide": [Invalid] Markup Validation of http://fractured-sanity.org/ - W3C Markup Validator

- zu viele leere Elemente
- Div-Suppe (z.B.: wieso ein Div um ein einzelnes Element?)
- Abstände mit <br /> erzwungen
- alte HTML-Elemente zur Gestaltung verwendet (keine strikte Trennung zwischen Layout und Inhalt)
- Elemente mit Textinhalt sollten keine Höhe bekommen (siehe div#bottom)
- div#bottom schlechter Kontrast
- Verzögerung durch "Bildnachladen" in der MainNavi kann umgangen werden
- diese Angabe:
Code:
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
sollte direkt nach dem <head>-Anfangselement stehen.

@1) Die Liste gibt dem Link nicht mehr Platz und drückt ihn nach unten, der IE macht etwas falsch.

Vom rein Äußernlichen finde ich die Seite recht nett.

Mehr erstmal nicht von mir.
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.12.2007, 15:21
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.02.2006
Beiträge: 53
Midnight befindet sich auf einem aufstrebenden Ast
Standard

Die Seite war bis gestern noch valide, habe beim basteln heute morgen wohl wieder einen Bug eingebaut.

Ist behoben, war nur ein fehlender p-tag am Ende.?

Wo habe ich Abstände mit br erzwungen? Auf der Linkseite trifft das zu. Ich habe es mit dem p-tag machen wollen, aber dann wurde es nicht mehr validiert. Die Aussage lautet irgendwas wie 'li' nicht im p-tag erlaubt?

Zitat:
alte HTML-Elemente zur Gestaltung verwendet (keine strikte Trennung zwischen Layout und Inhalt
Könntest du mir noch genauer erklären worauf du dich hier beziehst, damit ich es ändern kann?

Wie könnte ich das mit den leeren Elementen anders lösen bzw. weniger Divs?

>> Charset behohen
>> Elemente mit Text sollen keine feste Höhe bekommen werde ich fixen sobald ich heute Abend wieder da bin. Muss leider jetzt weg.

Vielen Dank schon mal für deinen Input, habe definitiv wieder was Neues gelernt.
Mit Zitat antworten
  #4 (permalink)  
Alt 30.12.2007, 15:55
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Zitat:
Zitat von Midnight Beitrag anzeigen
Wo habe ich Abstände mit br erzwungen? Auf der Linkseite trifft das zu. Ich habe es mit dem p-tag machen wollen, aber dann wurde es nicht mehr validiert. Die Aussage lautet irgendwas wie 'li' nicht im p-tag erlaubt?
Zitat:
Code:
...
</ul>
<br />
<br />
<br />
<h3>Hostees</h3>
<ul class="linkage">
...
Die Abstände lassen sich z. B. über margin-top für die H3, oder margin-bottom für ul.linkage regeln.

Zitat:
background: url('layout/downloads2.jpg');
Vermeide einfache Hochkommas bei der Einbindung von Background-images, da IE5:mac die Hintergründe sonst nicht anzeigt. Lass sie entweder ganz weg, oder verwende die doppelten Anführungszeichen.


Du gehst sehr großzügig mit der Zuweisung von display:block (fast jede Regel) um. Hat es einen Grund dafür?


Zitat:
ul#menu_top li.button3 {
background: url('layout/downloads.jpg');
width : 214px;
height : 172px;
display : block;
}
...

ul#menu_top li a.button3 {
background: url('layout/downloads.jpg');
width : 214px;
height : 172px;
display : block;
}
Warum ist denn bei ul#menu_top li und ul#menu_top li a immer alles doppelt?

Geändert von EvT (30.12.2007 um 16:03 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 30.12.2007, 15:59
Benutzerbild von Loïs Bégué
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 24.06.2007
Ort: Freiburg (D)
Beiträge: 779
Loïs Bégué wird schon bald berühmt werden
Standard

Zitat:
Zitat von Midnight Beitrag anzeigen
Die Seite war bis gestern noch valide, habe beim basteln heute morgen wohl wieder einen Bug eingebaut.

Ist behoben, war nur ein fehlender p-tag am Ende.?

Wo habe ich Abstände mit br erzwungen? Auf der Linkseite trifft das zu. Ich habe es mit dem p-tag machen wollen, aber dann wurde es nicht mehr validiert. Die Aussage lautet irgendwas wie 'li' nicht im p-tag erlaubt?
Könntest du mir noch genauer erklären worauf du dich hier beziehst, damit ich es ändern kann?
Als Beispiel auf Deiner Mainpage:
Code:
<strong>Feedback is very much appreciated!</strong>
<br />
<br />

<img src="layout/spacer.jpg" alt="" />
<br />
und auf der Link-Seite:
Code:
</ul>

<br />
<br />
<br />

<h3>Hostees</h3>
Hier kannst Du zum Beispiel festlegen,
- dass diese Liste einen Margin-Bottom hat, dass circa 2-3 mal die aktuelle Schriftgröße hat
oder
- dass die Überschrift h3 einen größeren Vorspann hat (margin-top)...


Die Fehlermeldung mit dem <li> und <p> Tags: eine Liste darf nicht in einem Absatz platziert werden. Korrekterweise:
Code:
<p>Mein Absatz</p>
<ul>
   <li>Punkt 1</li>
   <li>Punkt 2</li>
</ul>
<p>Noch ein Absatz hier</p>
Zitat:
Zitat von Midnight Beitrag anzeigen
Wie könnte ich das mit den leeren Elementen anders lösen bzw. weniger Divs?
Noch eine Bemerkung:
Du benützt einen "spacer.jpg" Bitmap für horizontale Linien.
Sollte man vermeiden.
Besser ist es (zum Beispiel) <hr> mit entsprechende CSS Formatierung einzusetzen. Layout und Content bleiben somit besser getrennt.
__________________
To attain knowledge, add things everyday. To obtain wisdom, remove things everyday. (Lao Tzu)
Links : Some needfull links (Delphi, XHTML...)
Tools : Arpoon Freeware (Checksum...)
Mit Zitat antworten
  #6 (permalink)  
Alt 30.12.2007, 18:30
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von Midnight Beitrag anzeigen
Könntest du mir noch genauer erklären worauf du dich hier beziehst, damit ich es ändern kann?
Code:
<p align="center">
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ
Mit Zitat antworten
  #7 (permalink)  
Alt 30.12.2007, 23:40
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.02.2006
Beiträge: 53
Midnight befindet sich auf einem aufstrebenden Ast
Standard

Danke für den vielen Input.

>> Habe die ' gegen " ausgetauscht.

>> Hr Elemente werde doch nicht mehr validiert im CSS? Oder bin ich da so falsch informiert? Werde es gleich mal ausprobieren gehen. *edit* Tatsächlich, sorry, ich weiß echt nicht mehr woher ich diese Idee oder Aussage habe. Ich war mir sicher, dass die hr-Elemte nicht mehr erlaubt waren. Habe sie gerade eingebaut und werde sie jetzt noch im CSS anpassen.

>> Danke für den Input mit dem margin für ul.linkage, werde ich gleich mal ausprobieren gehen. Wenn ich das klappt kann ich endlich die ganzen br weglassen, denn gewollt waren die mit Sicherheit nicht, ich hatte nur keine anderen Lösung gefunden bis dato. *edit* Das mit dem margin-bottom für ul.linkage klappt nicht (siehe Linkseite). Das hatte ich glaube ich schon einmal ausprobiert, weil es mir hier mal empfohlen wurde (im CSS Board).

>> Display: Block hat mir mal ein Freund empfohlen weil ich das Problem hatte, dass mir die DIVS kollabiert sind. Das ist aber schon Ewigkeiten her. Ich nehme sie mal raus und probiere was passiert. *edit* Hab's ausprobiert und es hat mir promt wieder das Layout zerlegt ohne 'display: block;'
Mit Zitat antworten
  #8 (permalink)  
Alt 31.12.2007, 00:04
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Midnight Beitrag anzeigen
Ich war mir sicher, dass die hr-Elemte nicht mehr erlaubt waren. Habe sie gerade eingebaut und werde sie jetzt noch im CSS anpassen.
Sinnvoller wäre es die gewünschte Linie beispielsweise einer ohnehin vorhandenen Überschrift zuzuweisen.
Mit Zitat antworten
  #9 (permalink)  
Alt 31.12.2007, 00:06
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 18.02.2006
Beiträge: 53
Midnight befindet sich auf einem aufstrebenden Ast
Standard

Du meinst einem h1, h2, etc.-Element?
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 31.12.2007, 00:08
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.06.2004
Beiträge: 2.641
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Ja. Einer Überschrift eben. Und zwar als Rand.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
design automatisch verlängern elias1993 CSS 4 06.05.2011 20:47
Design Darstellung dessauer CSS 22 03.05.2010 16:46
Was haltet ihr von Design? tobik999 Offtopic 10 29.11.2008 00:03
Sitecheck: Barrierearm - Design - Ajax Schmidt Site- und Layoutcheck 16 21.08.2008 21:06
problem mit tableless design und breiter Tabelle im IE horizons CSS 14 06.04.2005 11:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:07 Uhr.