Der folgende Beitrag wurde am 13. 03. 2007, 11:33 Uhr von Matthias H. veröffentlicht.
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.
Der folgende Beitrag wurde am 13. 03. 2007, 11:53 Uhr von rfb veröffentlicht.
Moin
> obwohl ich ihm andere eigenschaften gegeben habe.
wie?
Ein bisserl Quelltext würde die Phase des Ratens verkürzen.
Gruß
rfb
--
Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
(Galileo Galilei)
Der folgende Beitrag wurde am 13. 03. 2007, 12:01 Uhr von Matthias H. veröffentlicht.
> 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.
<!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>
Der folgende Beitrag wurde am 13. 03. 2007, 12:13 Uhr von rfb veröffentlicht.
Moin
du kannst im CSS genauer festlegen, welcher Link die Eigenschaften bekommen soll, hier wäre das:
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)
Der folgende Beitrag wurde am 13. 03. 2007, 12:16 Uhr von Matthias H. veröffentlicht.
» Moin du kannst im CSS genauer festlegen, welcher Link die Eigenschaften bekommen soll, hier wäre das:
» 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.
Der folgende Beitrag wurde am 13. 03. 2007, 12:32 Uhr von rfb veröffentlicht.
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
--
Man kann einen Menschen nichts lehren, man kann ihm nur helfen, es selbst zu entdecken.
(Galileo Galilei)
Der folgende Beitrag wurde am 13. 03. 2007, 21:28 Uhr von Matthias H. veröffentlicht.
> 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/
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4