php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 10.02.2006, 17:39  
Gast
 
Beiträge: n/a
Standard Problem mit Navigation

Hi, hab eine Navigation geschrieben (mit editor ^^) geht auch so einigermaßen, aber ich weiss nich wie ich den text richtig ausrichte, und wenn ich n test in "div.mybody" schreib, verschiebt sich die Navigationsliste, und ich weiss nicht warum. Ausserdem wir es beim IE nicht rihtig angezeigt.
Was muss ich verändern / hinzufügen dass alles funktionier??

http://msource.phpbb-de.com/test/index.html

Die Navigationsleiste soll die von dieser Seite ersetzen:
http://www.xbox360-kostenlos.de

index.html:
Zitat:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<ul id="Navigation">
[img]1.png[/img]
Willkommen
<span>test</span>
test
test
test
[img]5.png[/img][/list]<div class="mybody">
hier schreib ich den Inhalt rein
</div>
</body>
</html>
style.css:
Zitat:
body { background-image:url(bg.gif);
background-repeat:no-repeat;
background-attachment:fixed;
padding:0px;
background-position:bottom left;
margin:0;
align:0;
}


div.mybody { margin-left:200;
margin-top:0;
text-align:justify;
COLOR: black;
font-family:tahoma;
font-size: 14;
TEXT-DECORATION: none;
width: 650;

}


ul#Navigation { text-align: center;
margin-top:0px;
margin-bottom:0px;
margin-left:100;
}



ul#Navigation a { display:block;
color:black;
font-size:14px;
font-family:Verdana;
font-weight:bold;
text-decoration:none;
text-align:center;
width:146px;
height: 50px;
background-image:url(2.png);
float: left;
}


ul#Navigation a:hover { display:block;
color:black;
font-size:14px;
font-family:Verdana;
font-weight:bold;
text-decoration:none;
text-align:center;
width:146px;
height: 50px;
background-image:url(3.png);
float: left;
}


ul#Navigation span { display:block;
color:black;
font-size:14px;
font-family:Verdana;
font-weight:bold;
text-decoration:none;
text-align:center;
width:146px;
height: 50px;
background-image:url(4.png);
float: left;
}


h1 { COLOR: black;
font-family:Tahoma;
font-size:25;
TEXT-DECORATION: none;
text-align:center;
}

h2 { COLOR: #c5c5c5;
font-family:Arial;
font-size:15;
TEXT-DECORATION: none;
text-align:left;
}

h4 { COLOR: #707070;
font-family:Arial;
font-size: 15;
TEXT-DECORATION: none;
font-weight:bolder;
text-align:center;
}
  Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 10.02.2006, 18:06  
Erfahrener Benutzer
 
Registriert seit: 21.08.2003
Beiträge: 468
Spyker
Spyker eine Nachricht über ICQ schicken
Standard

Mach erst einmal einen doctype rein und in li!

Weil nach dem ul muss erst noch ein li kommen bevor andere Tags kommen dürfen.

Beste,
Tim
__________________
Typo3 Suchmaschinenoptimierung <- alles Rund um SEO mit Typo3
Spyker ist offline   Mit Zitat antworten
Alt 10.02.2006, 18:27  
Gast
 
Beiträge: n/a
Standard

hm, was muss genau in den doctype rein??

mfg
bty
  Mit Zitat antworten
Alt 10.02.2006, 18:31  
Erfahrener Benutzer
 
Registriert seit: 21.08.2003
Beiträge: 468
Spyker
Spyker eine Nachricht über ICQ schicken
Standard

würde XHTML 1.0 nehmen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


wenn nicht HTML ... z.B.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
__________________
Typo3 Suchmaschinenoptimierung <- alles Rund um SEO mit Typo3
Spyker ist offline   Mit Zitat antworten
Alt 10.02.2006, 18:32  
Erfahrener Benutzer
 
Benutzerbild von DER_Brain
 
Registriert seit: 18.04.2005
Beiträge: 1.541
PHP-Kenntnisse:
Fortgeschritten
DER_Brain ist zur Zeit noch ein unbeschriebenes Blatt
Standard

http://de.selfhtml.org/html/allgemein/grundgeruest.htm

Arbeite am besten das ganze mal durch -.-
DER_Brain ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem bei Navigations-Funktion SilentSight PHP-Fortgeschrittene 18 20.07.2008 17:17
[Erledigt] Galerie Problem... coraplanet PHP Tipps 2008 4 06.06.2008 13:42
Navigation fixen Desert PHP Tipps 2008 0 12.05.2008 17:00
datensätze defekt oder problem mit dem einlesen? Ministry Datenbanken 4 06.07.2006 18:42
Probs mit Layout für Navigation mit Grafiken/Hintergrund HTML, Usability und Barrierefreiheit 3 08.02.2006 19:56
problem!!! PHP Tipps 2006 6 08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp PHP Tipps 2006 24 07.02.2006 01:07
Navigation snatch-ic PHP Tipps 2007 4 08.01.2006 12:11
[Erledigt] PHP Upload (Master Value/Local Value Problem) PHP-Fortgeschrittene 5 23.11.2004 07:21
div layer navigation HTML, Usability und Barrierefreiheit 1 18.11.2004 15:44
Problem mit Layout PHP Tipps 2004 7 27.09.2004 15:24
Problem mit alter JavaScript-Funktion woods PHP Tipps 2004 1 13.08.2004 13:34
[Erledigt] Problem mit Timestamp! PHP Tipps 2004 24 08.06.2004 19:51
Login Problem PHP Tipps 2004 4 04.06.2004 18:46


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




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum

Creative Commons License
Dieser Inhalt ist unter einer Creative Commons-Lizenz lizenziert.