Ich stocher hilflos im style.css, bitte um Hilfe

[zizz]

Hi,
ich stocher hier etwas hilflos in meinem style.css file herum,
ich habe es geschafft den hover im text so zu erstellen wie
ich das auch vorhatte, nur leider gelingt mir das in der
Überschrift nicht und in der nächsten Zeile auch nicht.
(in der wo autor und erstellungsdatum, Kategorie usw steht)

wo ändere ich für die erwähnten stellen die hover einstellungen???

die seite: http://www.zuhaus.org

die style.css:

/* 
Theme Name: Daisy Rae Gemini
Description: Gemini Two Col Fixed Width Centred with RH Menu
Author: <a href="http://www.geeksmakemehot.com">Jennifer Ledbetter</a>
Author URI: <a href="http://www.geeksmakemehot.com">http://www.geeksmakemehot.com</a>

Credits:
Daisy Rae Gemini developed by <a href="http://atthe404.com">Root</a> designed by <a href="http://www.geeksmakemehot.com">geeksmakemehot</a>.
Header Image by <a href="http://sxc.hu/browse.phtml?f=profile&l=mikefroese">Mike Froese</a>.

License -
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* -------  Layout CSS(   Centered Fixed Width) ------ */

body {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-align: content; /* IE 5.5 hack */
}

#farouter {background: #ffffff;width: 760px; border: 1px solid #3A291F;margin: 20px auto 20px auto;text-align: left;  /* IE 5.5 hack part II */}
#outer {}
#rap {}
#masthead {letter-spacing: 0.2em;margin: 8px 8px 0 8px;padding: 0 10px 10px 60px; font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; height: 180px;
}

#main {padding-left:35px;}
#content {float: left;width: 490px; padding-top: 20px;}
#menu {float: right;width: 175px; margin-right: 3px; border-left: 1px dashed #BAA99F;}
#nav {padding-left: 10px;}
#logo {padding-top: 25px; padding-left: 12px;}
#hmenu {margin: 8px; height: 30px;}
#hnav {margin: 0;padding: 0;}
#clearer { clear: both; margin: 0; padding: 0;}
#footer { margin: 8px 8px 8px 8px; }


/*----------------- Color CSS    ------------------------*/


body {background: #DCD3CE; color:#333;}
#rap {background: #ffffff;}
#masthead {background-image: url('images/header.jpg');}
#footer {background: #BAA99F;}
#hmenu { background: #BAA99F;}
#hnav {
    background: #BAA99F;
}
a {color: #8C0000; text-decoration: none; }
a:visited { color: #8C0000; text-decoration: none; }
a:hover {color: #ffffff;background-color: #BE0303; }
acronym, abbr { border-bottom: #333; }
blockquote {border-left: #573D2E; color: #573D2E;}
h2 {    color: #8C0000;a:hover {color: #ffffff;background-color: #BE0303; }
    font-size: 24px;
    font-weight: normal;}
h3 a {color: #8C0000; }
h3 a:hover {color: #ffffff;}
h3 a:visited {color: #8C0000;}
.meta { color: #DCD3CE} 
.meta a {color: #884400;}
.feedback a{color: #884400;}



/* --------     Core CSS ---------*/


a{text-decoration: none;}
a img { border: none; }
acronym, abbr { border-bottom: 1px dashed; }
acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: .07em;}
blockquote { border-left: 1px solid #573D2E; border-bottom: 1px solid #573D2E; margin-left: 1.5em; padding-left: 5px;}
cite { font-size: 90%; font-style: normal; }
#header a { color: #F2EEEC; text-decoration: none; }
#header a:hover { text-decoration: none; }
h1 { margin: 0; padding: 20px; text-align: right; }
#hidden {display:none;}

h2 {font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: 0.2em; margin: 0 20px 20px 0; padding: 10px 0 0 0; }
h2#tagline {margin:0; margin-right: 25px; padding:0;text-align: right;color: #F2EEEC;border: 0;}

.post h2 { font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  letter-spacing: 0.2em; margin: 0 20px 0 30px; padding: 20px 0 30px 0; }
h3 {font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; margin-left: 0; margin-top: 30px;color: #8C0000;  
}
h3#comments { margin-left: 20px; }
h3#respond { margin-left: 20px; }
h4 {
    font-size: 16px;
    font-weight: normal;
}
ol#comments li p { font-size: 100%; }
img {margin: 10px;padding: 0px; border: 1px solid #573D2E; }
p, .feedback 
{ font: 100%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;}
p {}
.textarea { width:200px; margin:0; }
#archvies {
    font: 150% normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}



/* ------------------------- Classes used by the_meta() ---------------------*/


ul.post-meta {
    list-style: none;
}

ul.post-meta span.post-meta-key {
    font-weight: bold;
}

.credit {
  color: #fff;
  font-size: 90%;
  margin: 10px 0 0 0;
  padding: 3px;
  text-align: center;
}

.credit a, .credit a:hover {color: #fff;text-decoration: none;}
.feedback {text-align: right;clear: both;margin-right: 30px; font-size: 90%}
.meta {font-size: .95em;}
.meta li, ul.post-meta li {display: inline;}
.meta ul {display: inline;list-style: none;margin: 0;padding: 0;}
.meta, .meta a { font-weight: normal; letter-spacing: 0;}
.post { margin: 35px 35px 20px 0; }
.entrytext {margin-left: 30px;}
.storytitle { margin-top: 10px; margin-bottom: 2px; }
.storytitle a { text-decoration: none; }
.storycontent{margin-bottom: 5px; border-bottom: 1px solid #BAA99F;}
#commentform { margin-left: 20px; }
#commentform  #comment { width:450px; }
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
     background: #fff; padding: .2em; }
#commentform textarea { width:100%;}
#commentlist li {border: 2px solid #BAA99F; margin-bottom: 20px; padding-left: 20px;}
#commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none;}


/* ----------  All menu styling except #menu itself (in layout above) ------- */


#nav form {
    margin: 0 0 0 13px;
}

#nav input#s {
    width: 80%;
    background: #eee;
    border: 1px solid #999;
    color: #000;
}


#nav ul li h2 {
      font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
      font-weight: normal;
    letter-spacing: 0.1em;
    border: 0;
    text-align: left;
    padding-left:0;
    margin-left: 0;
}


#nav ul ul ul.children {
    font-size: 100%;
    padding-left: 4px;
}


#nav { width: 170px; }

#nav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
font-size: 95%;
}

#nav a
{
display: block;
padding: 3px;
padding-left: 17px;
width: 130px;
background-color: #FFF;
background-image: url(images/icon.gif); 
background-repeat: no-repeat;
background-position: 0 55%;
border-bottom: 1px dotted #BAA99F;

}

#nav a:link, #navlist a:visited
{

text-decoration: none;
}

#nav a:hover
{
background-image: url(images/icon2.gif); 
color: #000;
}

#themeswitcher {
    font-size: 8px;
}

/*------------- hnav------------*/


#hnav ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #BAA99F;
color: #F2EEEC;
width: 100%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#hnav ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#hnav ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #F2EEEC;
text-decoration: none;
border-right: 1px solid #F2EEEC;
}

#hnav ul li a:hover
{
    background: #F2EEEC;
color: #3A291F;
}

#hnav #active { border-left: 1px solid #F2EEEC; }

/*------------- added ------------*/

.gravatar {
    float:left;
    padding: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #573D2E;
}    

#commentbox {
    background: #F2EEEC;
    border: 1px solid #573D2E;
    padding: 5px;
    margin-bottom: 15px;
}

.commentby {
    font-size: 14px;
    text-transform: uppercase;
}
.commentinfo {
    font-size: 10px;
    margin-top: -10px;
    border-bottom: 1px soild #DCD3CE;
}

.commentid {
    float: right;
    font-size: 24px;
    font-style: italic;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #BAA99F;
}

.commentid a {
    color: #BAA99F;
    text-decoration: none;
}

.post ul li {
    padding: 0px;
    font-weight: normal;
    list-style: url('images/icon.gif');
    line-height: 1.5em;
}

.post ul li:hover {
    padding: 0px;
    font-weight: normal;
    list-style: url('images/icon2.gif');
    line-height: 1.5em;
}

danke für hilfe, gruss

[jottlieb]

Zitat von zizz

Hi,
wo ändere ich für die erwähnten stellen die hover einstellungen???

Jeweils in der Pseudoklasse a:hover.

[zizz]

kannst du esmir vielleicht ein bischen näher (vor die augen) bringen,
ich habs noch net

ein wenig code copy and paste in der antwort würde mir seehr helfen,
so das ich weiß an welcher stelle ich direkt basteln kann,

danke

[jottlieb]

Zitat von zizz

kannst du esmir vielleicht ein bischen näher (vor die augen) bringen,
ich habs noch net

Ähm, nein? Wiegesagt, im Stylesheet gibt es mehrmals Anweisungen für die Pseudoklasse a:hover und wieder Name impliziert regelt es das Aussehen eines Links bei überfahren.

ein wenig code copy and paste in der antwort würde mir seehr helfen,
so das ich weiß an welcher stelle ich direkt basteln kann,

Dazu müsste ich deine Frage im Ausgangspost verstehen.
Formuliere es bitte mal genauer.

[peti]

Für den Beitragstitel - ein H3 Element - ist es dann auch die entsprechende Anweisung:

h3 a:hover {
color: #ffffff;
}

Für die Beitragsinformation wäre es die Klasse .meta
Da musst du die entsprechende Anweisung aber noch hinzufügen:

.meta a:hover {
color: black; /* zum Beispiel */
}

Da du die Hintergrundfarbe beim Hover über einem Link ja global angegeben hast, musst du bei den oben Genannten den Hintergrundeffekt beim Hovern wieder ... na ja ... deaktivieren eben.

background: none;

[zizz]

besten dank,

wieder ein bischen mehr geschnallt von der datei *freu*