|
|||
Richtig zusammenstellen
Ich habe 2 HTm.Dateien und 2 Css-Dateinen, die zu 1 HTM.Datei und 1 Css-Datei werden sollen.
Wenn ich die Inhalte beider Dateien zusammentue (die 2 <div>), dann ist alles verzerrt. Bei der Menueleiste (der, die oben sein soll) ist alles zusammengequetscht. HTML-Teil-1: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Teil1</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="description" content=""> <meta name="author" content=""> <meta name="keywords" content=""> <link href="style1.css" type="text/css" rel="stylesheet"> <link href="pictures.ico" type="image/x-icon" rel="shortcut icon"> </head> <body> <div id="Menueleiste"> <ul> <li>Home</li> <li>News</li> <li>Kontakt</li> <li>HTML</li> <li>Css</li> <li>Weitere Infos</li> <li>XXX-Bereich</li> </ul> </div> </body> </html> Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Teil2</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="description" content=""> <meta name="author" content=""> <meta name="keywords" content=""> <link href="style2.css" type="text/css" rel="stylesheet"> <link href="pictures.ico" type="image/x-icon" rel="shortcut icon"> </head> <body> <div id="Linkliste"> <ul> <li><a href="HTML-lernen.htm">HTML</a> <ul> <li> <ul> <li><a href="aaa.htm">TextAAA</a></li> <li><a href="bbb.htm">TextBBB</a></li> <li><a href="ccc.htm">TextCCC</a> <ul> <li><a href="ccc-1.htm">TextCCC-1</a></li> <li><a href="ccc-2.htm">TextCCC-2</a></li> <li><a href="ccc-3.htm">TextCCC-3</a></li> </ul> </li> <li><a href="xxx.htm">TextXXX</a></li> <li><a href="yyy.htm">TextYYY</a></li> <li><a href="zzz.htm">TextZZZ</a></li> </ul> </li> </ul> </li> </ul> </div> </body> </html> Code:
body { background-color : #bfbfbf; } #Menueleiste { border-color : gray; border-width : 0.5em; border-style : groove; width : 850px; background-color : #dcdcdc; padding : 0; } #Menueleiste ul { background-color : #dcdcdc; } #Menueleiste li { background-color : #c2c2c2; display : inline; margin : 0.2em; border-color : black; border-width : 0.1em; border-style : groove; list-style-type : none; font-size : 150%; } Code:
* { margin : 0; padding : 0; } #Linkliste { width : 15em; padding : 0; background-color : #dbdbdb; border : black solid 0.05em; border-style : groove; margin-left : 10px; float : left; } #Linkliste a { display : block; color : black; text-decoration : none; } #Linkliste a:hover { color : #f00000; text-decoration : none; background-color : #cfcfdb; } #Linkliste a:active { color : #000080; text-decoration : none; } #Linkliste a:visited { color : #000080; } #Linkliste ul { font-size : 1em; font-weight : bold; } #Linkliste ul li { list-style-type : none; font-size : 3em; padding-left : 1em; padding-top : 0.3em; } #Linkliste ul li li { padding-left : 4em; font-size : 0.7em; list-style-type : none; padding-top : 0.125em; padding-left : 0.25em; padding-bottom : 0.5em; } #Linkliste ul li li li { padding-top : 0.25em; padding-left : 0.333em; padding-bottom : 0.333em; list-style-type : decimal; } #Linkliste ul li li li li { padding-left : 3em; font-size : 0.65em; list-style-type : lower-latin; padding-top : 0.25em; padding-left : 1em; padding-bottom : 0.5em; font-weight : normal; text-decoration : none; } |
Sponsored Links |
|
|||
Die Angabe
Code:
* {margin: 0; padding: 0;}
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Meta-Tags, DocType ect... so richtig? | mischaef | (X)HTML | 20 | 31.12.2012 01:49 |
Formular wird im IE 8 nicht richtig angezeigt | Basti82 | (X)HTML | 14 | 12.05.2011 16:55 |
Grafik richtig positionieren?! | Pumpkin | CSS | 7 | 13.06.2007 23:43 |
IE zeigt falsch, FF richtig - change - FF zeigts falsch, IE richtig | nick | CSS | 6 | 19.08.2006 03:02 |
backround-image ist nicht richtig zentriert | Anonymous | CSS | 5 | 23.08.2004 04:11 |