ZitatDu hast immer noch zwei Inhalts divs.. funktioniert zwar so, wie du es jetzt gemacht hast, aber warum packst du das nicht in einen div?
Das hab ich auch schon überlegt
ZitatDu hast immer noch zwei Inhalts divs.. funktioniert zwar so, wie du es jetzt gemacht hast, aber warum packst du das nicht in einen div?
Das hab ich auch schon überlegt
Dann überleg mal zu Ende und nimm nur einen durch die Absätze hast du ja eh ne Trennung
LG
PS: Statt b besser strong benutzen, wenn eine logische Wichtigkeit vorliegt, wenn du nur formatieren willst über span mit CSS
ZitatPS: Statt b besser strong benutzen, wenn eine logische Wichtigkeit vorliegt, wenn du nur formatieren willst über span mit CSS
Warum, was ist den der Nachteil von <b>?
Hab ein kleines Problem wieder mit dem Menü, wahrscheinlich weil der Text zu lange ist, wie kann ich den Fehler am besten beheben?
Index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>
BHKWPartner - das optimale BHKW von Ihrem Installateur!
</title>
<link href="./design.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="header">
</div>
<ul id="navigation">
<li> <a href="index.html">Startseite</a> </li>
<li> <a href="simulation.html">Simulationsanfrage </a> </li>
<li> <a href="planung.html">BHKW-Planung </a> </li>
<li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li>
<li> <a href="aktuelles.html">Aktuelles </a> </li>
<li> <a href="info.html">Info </a> </li>
<li> <a href="agb.html"> AGB </a> </li>
<li> <a href="impressum.html"> Impressum </a> </li>
</ul>
<div id="Inhalt">
<p> <b> Jetzt 1.000 € Förderung für Mikro-BHKW(Bis 31.12.2010;Standortabhängig) </b> </p>
</div>
<div id="Inhalt2">
<p> <b>Senden Sie uns Ihre Simulationsanfrage. </b>Schnell und einfach! Wir <b>erstellen</b> für Sie <b>ein</b> <b>herstellerunabhängiges</b> <br />
<b>BHKW–Gutachten, mit Aggregatsempfehlung</b>– ob und <b>wie es sich rechnet</b>–was es kostet,<b>was es bringt!</b> </p>
</div>
<div id="Inhalt3">
<p> <b>Unkostenbeitrag</b> für herstellerunabhängiges <b>Gutachten 27.--€ zzgl. Ust. </b> </p>
</div>
<div id="Inhalt4">
<p> <b>Den bis zu 4,5-fachen Vorteil mit dem richtigen BHKW nutzen!</b> </p>
</div>
<ul id="Link">
<li> <a href="aktuelles.html">Lesen sie auch hier<< </a> </li>
</ul>
<div id="Inhalt5">
<p>Und so einfach geht's <br /> <b>1.</b>Simulationsanfrage stellen.<br /> <b>2.</b>BHKW-Gutachten abwarten. <br /> <b>3.</b>Unverbindliches Angebot erhalten - vom Installateur in Ihrer Nähe.</p>
</div>
<ul id="Link2">
<li> <a href="simulation.html">Erstellen Sie Ihre Simulationsanfrage hier<< </a> </li>
</ul>
<div id="Inhalt6">
<p> <b>BHKWPartner - in Deutschland einmalig!</b> <br /> Der erste neutrale BHKW - Volldienstleister. Von der Auslegung bis zur Planung, Inbetriebnahme und Abrechnung.<br /> Alle marktgängige, zuverlässige und förderfähige Aggregate von 1–500 kW(el)! </p>
</div>
<div id="Inhalt7">
<p> <b>Spezialist für BHKW-Auslegung aller Größenordnung. Für Sie immer Up to Date! <br /> Blockheizkraftwerk ?-Ja,aber richtig!</b> </p>
</div>
<div id="linksunten">
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="CSS ist valide!" />
</a>
</p> </div>
<div id="fusszeile">
<p>© Otto Huml Wärme und Strom</p>
</div>
</body>
</html>
Alles anzeigen
design.css:
* {
margin:0;
padding:0;
border:0;
list-style:none;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}
div#header {
background:url(images/header.gif);
visibility: visible;
height:110px;
padding-left: 100px;
background-repeat:no-repeat;
}
div#Inhalt {
color:black;
text-indent:3cm;
line-height:1cm;
float:right;
width:80%;
font-size:12pt;
}
div#Inhalt2 {
color:black;
font-size:11pt;
float:right;
font-size:12pt;
width:81%;
}
div#Inhalt3 {
color:red;
font-size:11pt;
float:right;
font-size:12pt;
width:81%;
line-height:2cm;
}
div#Inhalt4 {
color:black;
font-size:11pt;
float:right;
font-size:12pt;
width:81%;
}
ul#Link {
color:black;
font-size:11pt;
float:right;
font-size:9pt;
width:81%;
text-indent:4cm;
line-height:1cm;
}
div#Inhalt5 {
color:black;
font-size:11pt;
float:right;
font-size:12pt;
width:81%;
}
ul#Link2 {
color:black;
font-size:11pt;
float:right;
font-size:12pt;
width:81%;
text-indent:2cm;
line-height:1cm;
}
div#Inhalt6 {
color:black;
font-size:11pt;
float:right;
font-size:12pt;
width:81%;
}
div#Inhalt7 {
color:black;
font-size:12pt;
float:right;
font-size:12pt;
width:81%;
line-height:1cm;
}
ul#navigation {
margin: 0px;
width: 18%;
float:left;
clear:both;
}
div#linksunten {
background:#FFA500;
visibility:visible;
height:160px;
width:182px;
float:left;
clear:left;
}
ul#navigation a{
display: block;
border: 1px outset #FFA500;
background: #616161;
padding: 10px;
color: #FFFFFF;
font-weight: bold;
border-style: outset;
}
ul#navigation a:hover {
display: block;
border: 1px outset #FFA500;
background: #FFA500;
color: #FFFFFF;
border-style: outset;
}
div#fusszeile {
background: #FFA500;
height: 76px;
text-align: center;
line-height:2cm;
clear:both;
}
Alles anzeigen
Ja, dass kommt von der Höhe des Inhalts.
Du musst den linksunten div in der index.html zwischen navigation und inhalt verschiebn und dann in der design.css die Höhe von linksunten anpassen.
Wie das geht, dass die Höhe sich automatisch anpasst weiß ich allerdings nicht.
Jetzt hast ja noch mehr Bereiche für den Inhalt ...
ZitatAlles anzeigenJa, dass kommt von der Höhe des Inhalts.
Du musst den linksunten div in der index.html zwischen navigation und inhalt verschiebn und dann in der design.css die Höhe von linksunten anpassen.
Wie das geht, dass die Höhe sich automatisch anpasst weiß ich allerdings nicht.
Jetzt hast ja noch mehr Bereiche für den Inhalt ...
Ja, ich brauch die Bereiche, denn mit den Umbrüchen klappt es bei mir nicht so. Also irgendwie komme ich wegen den unteren DIV nicht mehr weiter, irgendwie klappt dass ganze irgendwie nicht....
Index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>
BHKWPartner - das optimale BHKW von Ihrem Installateur!
</title>
<link href="./design.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="header">
</div>
<ul id="navigation">
<li> <a href="index.html">Startseite</a> </li>
<li> <a href="simulation.html">Simulationsanfrage </a> </li>
<li> <a href="planung.html">BHKW-Planung </a> </li>
<li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li>
<li> <a href="aktuelles.html">Aktuelles </a> </li>
<li> <a href="info.html">Info </a> </li>
<li> <a href="agb.html"> AGB </a> </li>
<li> <a href="impressum.html"> Impressum </a> </li>
</ul>
<div id="linksunten">
<p> <a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="CSS ist valide!" /> </a> </p> </div>
<div id="Inhalt">
<p> <b> Jetzt 1.000 € Förderung für Mikro-BHKW(Bis 31.12.2010;Standortabhängig) </b> </p>
</div>
<div id="Inhalt2">
<p> <b>Senden Sie uns Ihre Simulationsanfrage. </b>Schnell und einfach! Wir <b>erstellen</b> für Sie <b>ein</b> <b>herstellerunabhängiges</b> <br />
<b>BHKW–Gutachten, mit Aggregatsempfehlung</b>– ob und <b>wie es sich rechnet</b>–was es kostet,<b>was es bringt!</b> </p>
</div>
<div id="Inhalt3">
<p> <b>Unkostenbeitrag</b> für herstellerunabhängiges <b>Gutachten 27.--€ zzgl. Ust. </b> </p>
</div>
<div id="Inhalt4">
<p> <b>Den bis zu 4,5-fachen Vorteil mit dem richtigen BHKW nutzen!</b> </p>
</div>
<ul id="Link">
<li> <a href="aktuelles.html">Lesen sie auch hier<< </a> </li>
</ul>
<div id="Inhalt5">
<p>Und so einfach geht's <br /> <b>1.</b>Simulationsanfrage stellen.<br /> <b>2.</b>BHKW-Gutachten abwarten. <br /> <b>3.</b>Unverbindliches Angebot erhalten - vom Installateur in Ihrer Nähe.</p>
</div>
<ul id="Link2">
<li> <a href="simulation.html">Erstellen Sie Ihre Simulationsanfrage hier<< </a> </li>
</ul>
<div id="Inhalt6">
<p> <b>BHKWPartner - in Deutschland einmalig!</b> <br /> Der erste neutrale BHKW - Volldienstleister. Von der Auslegung bis zur Planung, Inbetriebnahme und Abrechnung.<br /> Alle marktgängige, zuverlässige und förderfähige Aggregate von 1–500 kW(el)! </p>
</div>
<div id="Inhalt7">
<p> <b>Spezialist für BHKW-Auslegung aller Größenordnung. Für Sie immer Up to Date!
<br /> Blockheizkraftwerk ?-Ja,aber richtig!</b> </p>
</div>
<div id="fusszeile">
<p>© Otto Huml Wärme und Strom</p>
</div>
</body>
</html>
Alles anzeigen
design.css:
* {
margin:0;
padding:0;
border:0;
list-style:none;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}
div#header {
background:url(images/header.gif);
visibility: visible;
height:110px;
padding-left: 100px;
background-repeat:no-repeat;
}
div#Inhalt {
color:black;
text-indent:3cm;
line-height:1cm;
float:right;
width:80%;
font-size:12pt;
}
div#Inhalt2 {
color:black;
font-size:11pt;
float:right;
font-size:12pt;
width:81%;
}
div#Inhalt3 {
color:red;
font-size:11pt;
float:right;
font-size:12pt;
width:81%;
line-height:2cm;
}
div#Inhalt4 {
color:black;
font-size:11pt;
float:right;
font-size:12pt;
width:81%;
}
ul#Link {
color:black;
font-size:11pt;
float:right;
font-size:9pt;
width:81%;
text-indent:4cm;
line-height:1cm;
}
div#Inhalt5 {
color:black;
font-size:11pt;
float:right;
font-size:12pt;
width:81%;
}
ul#Link2 {
color:black;
font-size:11pt;
float:right;
font-size:12pt;
width:81%;
text-indent:2cm;
line-height:1cm;
}
div#Inhalt6 {
color:black;
font-size:11pt;
float:right;
font-size:12pt;
width:81%;
}
div#Inhalt7 {
color:black;
font-size:12pt;
float:right;
font-size:12pt;
width:81%;
line-height:1cm;
}
ul#navigation {
margin: 0px;
width: 18%;
float:left;
clear:both;
}
div#linksunten {
background:#FFA500;
visibility:visible;
height:90px;
width:182px;
float:left;
clear:left;
}
ul#navigation a{
display: block;
border: 1px outset #FFA500;
background: #616161;
padding: 10px;
color: #FFFFFF;
font-weight: bold;
border-style: outset;
}
ul#navigation a:hover {
display: block;
border: 1px outset #FFA500;
background: #FFA500;
color: #FFFFFF;
border-style: outset;
}
div#fusszeile {
background: #FFA500;
height: 76px;
text-align: center;
line-height:2cm;
clear:both;
}
Alles anzeigen
Hast du das mal hochgeladen?
Was klappt den mit den Umbrüchen nicht? Nach jedem p wird automatisch umgebrochen, den Abstand kannst du selbst eintellen per CSS
ZitatHast du das mal hochgeladen?
Ja, dass letzte ist zurzeit dass aktuellste also wenn du dass meinst (index.html und design.css). Gibt es irgendwie eine Möglichkeit wie ich dass untere DIV wieder mit der Navigation aufschließt? Hab einige Varianten schon ausprobiert, bleibt aber gleich. Noch zum Text, dass mit dem vielen DIV kann man dass umgehen oder muss dass so sein. Folgendes Problem, wenn ich den oberen mit dem unteren Text in einem DIV nehme, ist die Ausrichtung mit Umbrüchen nicht gerade dass Wahre. Ich meinte eigentlich mit dem Umbruch, sieht es nicht gerade toll aus, von den Abständen her. Wo ich eigentlich nicht weiter komme ist dass mit dem unteren DIV.
ZitatAlles anzeigen<div id="linksunten">
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="CSS ist valide!" />
</a>
</p> </div>
Das kommt direkt nach der Navigation mit float left und clear left..
Das was du da mit den divs machst ist quatsch und semantisch sehr inkorrekt..
Warum packst du nicht alles in einen div? Und bitte strong statt b benutzen! Bei logischer Hervorhebung, bei designzwecken über CSS.
LG
padding ist der Innenabstand.. Funktioniert zwar, korrekt wäre allerdings margin
'line-height' gibt die Höhe einer Zeile an und könnte man theoretisch auch verwenden..
Die Abstände sind zwischen diesen werden aber nun mal häufig/eig. immer mit 'margin' definiert^^
Zitat#inhalt p {
padding-bottom: 1em;
}
Bin davon ausgegangen, dass er den Abstand zwischen den einzelnen Absätzen meint, weil da p stand. Aber wenn man von der Zeilenhöhe ausgeht, ist line-height natürlich korrekt.
Zitat von "lauras"
Bin davon ausgegangen, dass er den Abstand zwischen den einzelnen Absätzen meint, weil da p stand.
Meinte ich auch, er sprach doch von Ausrichtung von Umbrüchen. Ich dachte damit waren die Abstände der Absätze gemeint.
Richtig. Deshalb ist es margin
Jetzt müsste es normal stimmen, hab nur einen Inhalt, aber wie bekomme ich nun in der Index.html Datei hin dass ein Bereich wie z.B.
in Rot ist ohne dass ich es in CSS definieren muss, ist dass möglich oder kommt man hier nicht hinweg. Oder ist es dann falsch wann man es hier definiert und in CSS nicht.
Hier mal mein korrigierter Code (auch wegen Strong)
Index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>
BHKWPartner - das optimale BHKW von Ihrem Installateur!
</title>
<link href="./design.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="header">
</div>
<ul id="navigation">
<li> <a href="index.html">Startseite</a> </li>
<li> <a href="simulation.html">Simulationsanfrage </a> </li>
<li> <a href="planung.html">BHKW-Planung </a> </li>
<li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li>
<li> <a href="aktuelles.html">Aktuelles </a> </li>
<li> <a href="info.html">Info </a> </li>
<li> <a href="agb.html"> AGB </a> </li>
<li> <a href="impressum"> Impressum </a> </li>
</ul>
<div id="Inhalt">
<h4> <strong> Jetzt 1.000 € Förderung für Mikro-BHKW(Bis 31.12.2010;Standortabhängig) </strong> </h4>
<p> <strong>Senden Sie uns Ihre Simulationsanfrage.</strong> Schnell und einfach!<strong> Wir erstellen</strong>
für Sie<strong> ein herstellerunabhängiges BHKW-Gutachten, mit Aggregatsempfehlung,</strong> ob und <strong>wie es
sich rechnet</strong> - was es kostet,<strong> was es bringt!</strong> </p>
<p>Unkostenbeitrag für herstellerunabhängiges Gutachten 20.--€ zzgl. Ust.</p>
</div>
<div id="linksunten">
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="CSS ist valide!" />
</a>
</p> </div>
<div id="fusszeile">
<p>© Otto Huml Wärme und Strom</p>
</div>
</body>
</html>
Alles anzeigen
design.css:
* {
margin:0;
padding:0;
border:0;
list-style:none;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}
div#header {
background:url(images/header.gif);
visibility: visible;
height:110px;
padding-left: 100px;
background-repeat:no-repeat;
}
#h4 {
color:black;
text-indent:4cm;
line-height:1cm;
float:right;
width:80%;
font-size:12pt;
}
div#Inhalt {
color:black;
line-height:1cm;
float:right;
width:80%;
font-size:11pt;
}
ul#navigation {
margin: 0px;
width: 18%;
float:left;
clear:both;
}
div#linksunten {
background:#FFA500;
visibility:visible;
height:160px;
width:182px;
float:left;
clear:left;
}
ul#navigation a{
display: block;
border: 1px outset #FFA500;
background: #616161;
padding: 10px;
color: #FFFFFF;
font-weight: bold;
border-style: outset;
}
ul#navigation a:hover {
display: block;
border: 1px outset #FFA500;
background: #FFA500;
color: #FFFFFF;
border-style: outset;
}
div#fusszeile {
background: #FFA500;
height: 76px;
text-align: center;
line-height:2cm;
clear:both;
}
Alles anzeigen
PS: Das es in anderen Bildschirmen die Website anderes aussieht wird man wahrscheinlich nicht umgehen können oder sehe ich dass falsch?
Du kannst Textstellen auch in HTML eine Farbe geben, aber man sollte das Design eigentlich über CSS machen. Kannst dem, was du rot haben willst eine Klasse geben.
Z.B:
oder ein ganzer Absatz:
In der CSS Datei:
Meinst du mit anderen Bildschirmen eine andere Bildschirmgröße und dass sich dort die Größe deiner Navigation ändert?
Wenn ja musst du der Navigation eine feste Breite geben, damit die ihre Größe nicht mehr verändern kann.
Wenn du nicht möchtest, dass die Navigation schmaler oder breiter als linksunten wird, kannst du auch linksunten die gleiche Größe in % geben wie der Navigation.
ZitatDu kannst auch mit min-width arbeiten, sodass eine gewisse Breit immer vorhanden ist und bei breiteren Bildschirmen dann halt breiter.
Hört sich gut an
Bin jetzt mal mit der Startseite fertig geworden, also jetzt hat es mir nichts mehr verschoben. Ich möchte dass aber die Textabstände nicht so groß sind. Manche sollten aber schon wieder einen größeren Abstand haben muss ich dass dann in HTML definieren oder in CSS?
Hier mal mein Code, wenn etwas nicht korrekt ist bitte einfach schreiben.
Index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>
BHKWPartner - das optimale BHKW von Ihrem Installateur!
</title>
<link href="./design.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="header">
</div>
<ul id="navigation">
<li> <a href="index.html">Startseite</a> </li>
<li> <a href="simulation.html">Simulationsanfrage </a> </li>
<li> <a href="planung.html">BHKW-Planung </a> </li>
<li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li>
<li> <a href="aktuelles.html">Aktuelles </a> </li>
<li> <a href="info.html">Info </a> </li>
<li> <a href="agb.html"> AGB </a> </li>
<li> <a href="impressum"> Impressum </a> </li>
</ul>
<div id="Inhalt">
<h4> <strong> Jetzt 1.000 € Förderung für Mikro-BHKW(Bis 31.12.2010;Standortabhängig) </strong> </h4>
<p> <strong>Senden Sie uns Ihre Simulationsanfrage.</strong> Schnell und einfach!<strong> Wir erstellen</strong>
für Sie<strong> ein herstellerunabhängiges BHKW-Gutachten, mit Aggregatsempfehlung,</strong> ob und <strong>wie es
sich rechnet</strong> - was es kostet,<strong> was es bringt!</strong> </p>
<p> <strong> <span class="Rot">Unkostenbeitrag für herstellerunabhängiges Gutachten 20.--€ zzgl. Ust.</span> </strong> </p>
<p> <strong>Den bis zu 4,5-fachen Vorteil mit dem richtigen BHKW nutzen!</strong> </p>
<ul id="Link">
<li> <a href="aktuelles.html">Lesen sie auch hier<< </a> </li>
</ul>
<p> Und so einfach geht's <br /> </p>
<p> <strong>1.</strong> <span class="Blau">Simulationsanfrage stellen.</span> <br /> </p>
<p> <strong>2.</strong> <span class="Blau">BHKW-Gutachten abwarten.</span> <br /> </p>
<p> <strong>3.</strong> <span class="Blau">Unverbindliches Angebot erhalten - vom Installateur in Ihrer Nähe.</span> </p>
<ul id="Link2">
<li> <a href="simulation.html">Erstellen Sie Ihre Simulationsanfrage hier<< </a> </li>
</ul>
<p> <strong>BHKWPartner - in Deutschland einmalig!</strong> </p>
<p>Der erste neutrale BHKW - Volldienstleister. Von der Auslegung bis zur Planung, Inbetriebnahme und Abrechnung. </p>
<p>Alle marktgängige , zuverlässige und förderfähige Aggregate von 1 - 500 kW (el)! </p>
<p> <strong>Spezialist für BHKW-Auslegung aller Größenordnung. Für Sie immer Up to Date!</strong> </p>
<p> <strong>Blockheizkraftwerk ? - Ja, aber richtig!</strong> </p>
</div>
<div id="linksunten">
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px;padding-top:40%;padding-left:25%;"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="CSS ist valide!" />
</a>
</p> </div>
<div id="fusszeile">
<p>© Otto Huml Wärme und Strom</p>
</div>
</body>
</html>
Alles anzeigen
design.css:
* {
margin:0;
padding:0;
border:0;
list-style:none;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
}
div#header {
background:url(images/header.gif);
visibility: visible;
height:110px;
padding-left: 100px;
background-repeat:no-repeat;
}
#h4 {
color:black;
text-indent:4cm;
line-height:1cm;
float:right;
width:80%;
font-size:12pt;
}
div#Inhalt {
color:black;
line-height:1cm;
float:right;
width:80%;
font-size:11pt;
}
.Rot {
color:red;
}
ul#Link {
color:blue;
width:80%;
font-size:8pt;
text-indent:3cm;
}
.Blau {
color:blue;
}
ul#Link2 {
color:red;
width:80%;
font-size:12pt;
text-indent:1cm;
}
ul#navigation {
margin: 0px;
width: 18%;
float:left;
clear:both;
}
div#linksunten {
background:#FFA500;
visibility:visible;
height:290px;
width:182px;
float:left;
clear:left;
}
ul#navigation a{
display: block;
border: 1px outset #FFA500;
background: #616161;
padding: 10px;
color: #FFFFFF;
font-weight: bold;
border-style: outset;
}
ul#navigation a:hover {
display: block;
border: 1px outset #FFA500;
background: #FFA500;
color: #FFFFFF;
border-style: outset;
}
div#fusszeile {
background: #FFA500;
height: 76px;
text-align: center;
line-height:2cm;
clear:both;
}
Alles anzeigen
Zitat<ul id="Link">
<li> <a href="aktuelles.html">Lesen sie auch hier<< </a> </li>
</ul>
?????
Alles, was mit Aussehen zu tun hat GRUNDSÄTZLICH mit CSS. Außenabstände kannst du mit margin einstellen. Du kannst außerdem class vergeben, wenn du mehrere Dinge gleich auszeichnen willst.
LG
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.