zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Richtig zusammenstellen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 01.09.2012, 17:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.08.2012
Beiträge: 10
greatjack befindet sich auf einem aufstrebenden Ast
Standard 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>
HTML-Teil-2:

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>
Css-Datei1:

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%;
}
Css-Datei-2:

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;
}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.09.2012, 20:08
Standardkatze
XHTMLforum-Kenner
 
Registriert seit: 06.02.2007
Beiträge: 1.825
gato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nettgato ist einfach richtig nett
Standard

Die Angabe
Code:
* {margin: 0; padding: 0;}
überschreibt die Standardwerte für ul und li. Du hast für #Menueleiste ul beides, für #Menueleiste li padding nicht festgelegt.
__________________
Ü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.
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:59 Uhr.