Heiko, du bist mein Held.
Danke vielmals... seit 3 Tagen wurschtle ich da rum und nun ist es genau so wie ich es haben will!
da habe ich noch eine letzte Frage, die ich nicht so hinbekomme wie ich will.
Ich möchte dem sticky nun einen anderen Background- und Hovereffeckt geben.
zur Zeit sind diese zwei css im Einsatz:
Code:
/* content */
.content{ margin:0; padding:0; background:url(images/content_topbg.gif) repeat-x top; border-top:2px solid #efefef;}
.content_botbg { margin:0; padding:0; background:url(images/content_botbg.gif) repeat-x bottom; background-color:#EFEFEF; border-bottom:2px solid #efefef; min-height: 600px;}
.content_res { margin:0 auto; padding:28px 0 32px 0; width:940px;}
.content_res .content_left { margin:0; padding:0 8px 0 0; float:left; width:590px;}
.content_res .content_right { margin:0; padding:0; float:left; width:340px;}
.content_res .shadowblockdir { height:130px; padding:8px 15px 5px; background:#fff url(images/block_topbg.gif) repeat-x top; border:1px solid #fff;}
.content_res .priceblockbig p.descr { margin:0; padding:6px 0;}
.content_res .priceblockbig p.location { margin:0; padding:0;}
.content_res .priceblockbig { float:right; width:400px;}
.content_res .priceblockbig h3 { margin:0; padding:0; float:left; font:bold 15px/1.2em Arial, Helvetica, sans-serif; color:#4f4f4f; text-decoration: none; }
.content_res .priceblockbig h3 a, .content_right a { text-decoration: none; }
.content_res .priceblockbig h3 a:hover, .content_right a:hover { text-decoration: underline; }
.content_res .priceblocksmall h3 { margin:0; padding:0; float:left; font:bold 13px/1.2em Arial, Helvetica, sans-serif; color:#4f4f4f;}
.content_res .priceblocksmall p.owner { margin:0; padding:0; font:normal 11px/1.5em Arial, Helvetica, sans-serif;}
.content_res .stepsline { margin:0; padding:8px 0 24px 0;}
.content_res .stepsline p { margin:0; padding:6px 12px; font:bold 16px/1.2em Arial, Helvetica, sans-serif; color:#fff;}
.content_res .stepsline div.number_out { margin:0; padding:0; float:left; border:1px solid #bbb;}
.content_res .stepsline div.number_in { margin:0; padding:0; background:#dbdbdb; border-top:1px solid #efefef;}
.content_res .stepsline div.line_out { margin:12px 0; padding:1px; float:left; background:#fff; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb;}
.content_res .stepsline .borderleft { border-left:1px solid #bbb;}
.content_res .stepsline .borderright { border-right:1px solid #bbb;}
.content_res .stepsline div.line_in { margin:0; padding:0; width:201px; height:5px; line-height:0px; font-size:0px; background:#ededed;}
.content_res .whiteblock { position:relative; margin:0 0 4px 0; padding:8px; background:#fff; border:1px solid #bbb;}
.content_res .whiteblock .pages { margin:0; padding:0;}
.content_res .whiteblock .pages span { display:block; margin:0 2px 0 0; padding:6px 12px; float:left; background:#ededed;}
.content_res .whiteblock .pages a { display:block; margin:0 2px 0 0; padding:6px 12px; float:left; color:#4f4f4f; text-decoration:none; background:#ededed;}
.content_res .whiteblock .pages a.last { margin:0; font-size:18px;}
.content_res .whiteblock .pages a:hover { text-decoration:underline;}
.content_res h2.colour_top { margin:0; padding:8px 0 0 0; font:normal 16px/1.2em Georgia, "Times New Roman", Times, serif; color:#202020;}
.content_res img.buttonregisterfree { margin:16px 0 0 0; border:none;}
.content_res img.ad320 { margin:0 0 16px 0;}
.content_res img.ad125l { display:block; margin:0 16px 0 20px !important; margin:0 16px 0 14px; float:left;}
.content_res img.ad125r { display:block; margin:0; float:left;}
.content_res .shadowblock_out { position:relative; margin:0 0 20px 0; border:1px solid #bbb; /* overflow:hidden; */}
.content_res .shadowblock { padding:8px 15px 15px; background:#fff url(images/block_topbg.gif) repeat-x top; border:1px solid #fff;}
.content_res div.bigright { float:right; width:290px; margin-top:-10px;}
.content_res div.bigleft { float:left; padding:5px; margin-top:5px; width:236px; background:none repeat scroll 0 0 #FFFFFF; border-color:#DEDEDE; border-style:solid;border-width:1px;}
.content_res .mapblock { margin:0; padding:0; overflow: hidden;}
.content_res .mapblock p.gmap-title { color:#4F4F4F; font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold; line-height:1.2em; }
.content_res .attachment-medium, .content_res .attachment-thumbnail { margin:0 12px 0 0; float:left;}
.content_res img.attachment-medium, .content_res img.attachment-thumbnail { padding:1px; border:1px solid #a6a6a6;}
und
Code:
/* content */
.content_res .priceblockbig p.price { margin:0; padding:0; float:right; font:bold 18px/1.2em Arial, Helvetica, sans-serif; color:#679325;}
.content_res .priceblockbig p.location span { font-weight:bold; color:#679325;}
.content_res .priceblocksmall p.price { margin:0; padding:0; float:right; font:bold 13px/1.2em Arial, Helvetica, sans-serif; color:#679325;}
.content_res .stepsline div.l_ready { background:#679325;}
.content_res .stepsline div.no_ready { border:1px solid #416111;}
.content_res .stepsline div.ni_ready { background:#679325; border-top:1px solid #9dbd6d;}
.content_left p.bigprice { color:#679325; float:right; font-size:18px; font-weight:bold; line-height:1.2em; margin:0; padding:8px 0 0; }
.content_res .can_chg_bg:hover { background-color: #e3f1df; }