zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Site- und Layoutcheck
Seite neu laden kompletten seitencheck bitte

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.02.2006, 13:34
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 07.02.2006
Beiträge: 118
manuu befindet sich auf einem aufstrebenden Ast
Standard kompletten seitencheck bitte

Huhu,
wäre jemand so nett und könnte meine Seite durchchecken? ich glaube da besteht ein großes virvarr...

http://manuu.ma.funpic.de/v0.1/index.php

danke manuu
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.02.2006, 14:06
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.11.2005
Beiträge: 139
schubidu befindet sich auf einem aufstrebenden Ast
Standard

Hallo manuu,

stimmt großes "virvarr".

Dein Design schreit geradezu danach ohne Tabellen gebaut zu werden.
Die Gerundeten Ecken sind ja nett aber damit können weder IE- noch Opera-User etwas mit anfangen. Sind immerhin ca 80%.

Du definierst CSS in der Seite, lager doch die globalen Formate, welche du auf jeder Seite benötigst in eine CSS-Datei aus.

Ich denke das reicht erstmal.

Gruß Schubidu
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.02.2006, 14:13
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 07.02.2006
Beiträge: 118
manuu befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Dein Design schreit geradezu danach ohne Tabellen gebaut zu werden.
was meinst du damit genau?


Das mit dem auslagern könnte ich machen, nur ich krieg glaube ich nicht die beziehungen hin, weil schon in dem css teil ein durcheinander herrscht

siehst du irgenteine möglichkeit den css teil aufzuräumen? Also z.b mit IDs oder sowas...gibt ja mehrere möglichkeiten css einzubinden. welche würdest du mir empfehlen?
Mit Zitat antworten
  #4 (permalink)  
Alt 07.02.2006, 14:16
Neuer Benutzer
neuer user
 
Registriert seit: 02.02.2006
Beiträge: 21
knork befindet sich auf einem aufstrebenden Ast
Standard

hi...
die kopfgrafik solltest du als jpeg einbinden. das gif mit über 400kb ist viel zu groß. schau, ob die die auf ca. 50kb runterbekommst, sonst springen dir sämtliche modemnutzer ab.

gruß - jörg
Mit Zitat antworten
  #5 (permalink)  
Alt 07.02.2006, 14:17
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 07.02.2006
Beiträge: 118
manuu befindet sich auf einem aufstrebenden Ast
Standard

hm das geht schlecht...weil das ne animation ist.
Mit Zitat antworten
  #6 (permalink)  
Alt 07.02.2006, 14:19
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.11.2005
Beiträge: 139
schubidu befindet sich auf einem aufstrebenden Ast
Standard

Da wäre als Beispiel die Navigation, alles was damit zusammenhängt könnte in eine Datei.

Zitat:
Zitat von manuu
siehst du irgenteine möglichkeit den css teil aufzuräumen?
na ja alles in eine Datei auslagern und dann weitersehen.
Mit Zitat antworten
  #7 (permalink)  
Alt 07.02.2006, 14:29
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 07.02.2006
Beiträge: 118
manuu befindet sich auf einem aufstrebenden Ast
Standard

Hm ja nehmen wir mal das beispiel Navigation...

Code:
div.navibox {
	border:1px solid #000000;
	position:static;
	width:150px;
	height:auto;
	margin-right:10px;
	background-color:#FFFFFF;
    -moz-border-radius:8px;
	text-align: left;
	padding-left: 10px;
}
a.navi:link, a.navi:visited { 
    color:#000000;
    background-color:#FFFFFF;
    text-decoration:none;
    }
a.navi:active, a.navi:hover { 
    color:#000000;
    background-color:#C0C0C0;
    }
a.navi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	left:100px;
	top:14px;
	line-height:20px;
	font-weight:bold;
	}
Das sind glaube ich alle stylesheet deffinitionen der Navigation.

Code:
    <td width="150" height="100%" valign="top">
	<div class="navibox">
	Home

	About me

	My Girlfriend

	Gästebuch

	Scooter

	Pics

	Friends
	
	Fun - Pics

	Fun - Clips

	Stufenfeier Pics

	Kontakt

	</div>
	</td>
Das ist der html code der navi...


Der CSS Teil sieht für mich sehr durcheinander und unübersichtlich aus...und soll ich es bei "div." und "a." belassen?

Ich kann doch jetzt nich einfach ne navi.css erstellen wo alle navi style drin stehen, wie binde ich die dann ein? externe css dateien muss man doch im <head> einbinden...welche dann für das komplette dokument gelten.
Mit Zitat antworten
  #8 (permalink)  
Alt 07.02.2006, 15:39
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.11.2005
Beiträge: 139
schubidu befindet sich auf einem aufstrebenden Ast
Standard

Mein Vorschlag wäre:
HTML
Code:
<divl id="navi">
    Home

   About me
 
</div>
Ich spar einfach mal ein bißchen Code ein.

CSS
Code:
#navi {
   border:1px solid #000000;
   position:static;
   width:150px;
   height:auto;
   margin-right:10px;
   background-color:#FFFFFF;
    -moz-border-radius:8px;
   text-align: left;
   padding-left: 10px;
}
#navi a:link, #navi a:visited {
    color:#000000;
    background-color:#FFFFFF;
    text-decoration:none;
    }
#navi a:active, #navi a:hover {
    color:#000000;
    background-color:#C0C0C0;
    }
#navi a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;
   text-decoration: none;
   left:100px;
   top:14px;
   line-height:20px;
   font-weight:bold;
   }
Mit Zitat antworten
  #9 (permalink)  
Alt 07.02.2006, 16:57
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 07.02.2006
Beiträge: 118
manuu befindet sich auf einem aufstrebenden Ast
Standard

ahso...man kann z.B zu einer id mit dem namen "navi" noch erweiterungen dran hängen? wie "a" für hyperlinks und "td" für tabellen..hab ich das richtig verstanden?
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 07.02.2006, 17:04
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.11.2005
Beiträge: 139
schubidu befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von manuu
ahso...man kann z.B zu einer id mit dem namen "navi" noch erweiterungen dran hängen?
Ich würde nicht von dranhängen sprechen, sondern eher von Selektoren

Gruß Stefan
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
"Hintergrund"-Bild über kompletten Bildschirm - IE scrollt nicht bzw. nur teilweise RollingStones CSS 4 17.12.2011 17:50
Kompletten Listenpunkt als Link: Valide Lösung? suppenelse (X)HTML 3 21.08.2011 21:25
füllt "background-repeat:repeat;" immer kompletten Hintergrund? hubert17 CSS 3 13.12.2006 13:03
seitencheck bitte ZeroX Site- und Layoutcheck 26 04.09.2005 00:28
seitencheck sui Site- und Layoutcheck 9 11.03.2005 21:48


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:56 Uhr.