2spaltig layout,feste breite
Matthias H.
- css
0 rfb0 Matthias H.0 rfb0 Matthias H.0 rfb
http://de.selfhtml.org/css/layouts/mehrspaltige.htm#zweispaltig_breite
Wenn ich im Inhalt-div einen Link einfüge hat er dieselben coloreigenschaften wie im Nav-div, obwohl ich ihm andere eigenschaften gegeben habe.
Gibt es z.b. sowas wie clear:nav ?
habe nur clear:left und clear:both gefunden.
Moin
obwohl ich ihm andere eigenschaften gegeben habe.
wie?
Ein bisserl Quelltext würde die Phase des Ratens verkürzen.
Gruß
rfb
Moin
obwohl ich ihm andere eigenschaften gegeben habe.
wie?
Ein bisserl Quelltext würde die Phase des Ratens verkürzen.
Gruß
rfb
ich möchte das der link im inhalt, also "mal nen link" keine hintergrundfarbe hat.
[code sprache=html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>html - by em-age.de</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="Description" content="html - by em-age.de" />
<meta name="Keywords" content="html,tutorial" />
<style type="text/css">
body {
color: black; background-color: white;
font-size: 100.01%;
font-family: Verdana,Arial,sans-serif;
margin: 0; padding: 1em 0;
text-align: center; /* Zentrierung im Internet Explorer */
}
div#Seite {
text-align: left; /* Seiteninhalt links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
width: 780px;
padding: 0.5em;
border: 2px ridge silver;
}
ul#Navigation {
font-size: 0.91em;
float:left; width: 10em;
margin: 0; padding: 0;
border: 1px dashed silver;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul#Navigation a {
display: block;
padding: 0.2em;
text-decoration: none;
font-weight: bold;
}
ul#Navigation a:link, a:visited, a:active {
color: #0000FF; background-color: #DEDEDE;
}
ul#Navigation a:hover {
color: #00008B; background-color: #BEBEBE;
}
div#Inhalt {
margin-left: 10em;
padding: 0 0.5em;
border: 1px dashed silver;
}
div#Inhalt h1 {
font-size: 1.5em;
margin: 0 0 1em;
}
div#Inhalt h2 {
font-size: 1.2em;
margin: 0 0 1em;
}
div#Inhalt p {
font-size:1em;
margin: 1em 0;
}
a:link, a:visited, a:active {
color: #0000FF; text-decoration:none;
}
a:hover {
color: #00008B;
}
</style>
</head>
<body>
<div id="Seite">
<ul id="Navigation" >
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li><a href="#">Link4</a></li>
<li><a href="#">Link5</a></li>
</ul>
<div id="Inhalt">
<h1>CSS-basierte Layouts</h1>
<h2>Seite mit fester Breite</h2>
<p>Diese Seite ist hat eine feste Breite von 760px und ist zentriert.</p>
<p>Die Breite ist so gewählt, dass in 800px breiten Fenstern nicht horizontal
gescrollt werden muss und auch ein Ausdruck keine Probleme bereiten sollte.</p>
<p>mal nen <a href="#">link</a></p>
</div>
</div>
</body>
</html>
[/code]
Moin
du kannst im CSS genauer festlegen, welcher Link die Eigenschaften bekommen soll, hier wäre das:
~~~css
div#Inhalt a:link, div#Inhalt a:visited, div#Inhalt a:active {
color: #0000FF; text-decoration:none;
}
div#Inhalt a:hover {
color: #00008B;
}
(wobei dich das bei deinen Werten aber kaum von den Navi-Links unterscheidet ;-)
Gruß
rfb
--
Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
(Galileo Galilei)
» Moin du kannst im CSS genauer festlegen, welcher Link die Eigenschaften bekommen soll, hier wäre das:
» ~~~css
div#Inhalt a:link, div#Inhalt a:visited, div#Inhalt a:active {
» color: #0000FF; text-decoration:none;
» }
» div#Inhalt a:hover {
» color: #00008B; }
» (wobei dich das bei deinen Werten aber kaum von den Navi-Links unterscheidet ;-)
> Gruß rfb
doch tut es, der hintergrund ist nähmlich weg, aber das funktioniert auch nicht.
Moin
doch tut es, der hintergrund ist nähmlich weg, aber das funktioniert auch nicht.
weg?
Aber wenn dich nur HG-Angaben stören kannst du die doch einfach ändern - oder?
Gruß
rfb
Moin
doch tut es, der hintergrund ist nähmlich weg, aber das funktioniert auch nicht.
weg?
Aber wenn dich nur HG-Angaben stören kannst du die doch einfach ändern - oder?Gruß
rfb
in der nav, soll der hg vorhanden sein(hellgrau- link - active - visited)(dunkelgrau hover) aber im inhalt#div soll der hintergrund nicht sein.
beispiel
http://emage.em.funpic.de/projekte/