• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

text-decoration: none; funktioniert nicht

K

Klexxon

Neues Mitglied
Hallo,
ich habe im "Content-Bereich" ein Text den ich verlinken muss zu einer Unterseite, allerdings funktioniert (text-decoration: none;) nicht.

Es geht um den Div Bereich ".content-box{"

Hier der Code:

Code: 
.content-box{ border:1px solid #ECEFF1;
 border-radius:4px;
 margin-top:20px;
 background:#f9f9f9;
 padding-bottom:20px;
 text-decoration: none;

Dort bestimme ich es doch aber warum wird der Link immer noch unterstrichen ?

Hier mal die ganze Style Datei:

Code: 
/* Normalize padding and margins */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
 margin: 0;
 padding: 0;
}


/* Normalize header sizes */
h1, h2, h3, h4, h5, h6 {
 font-size: 100%;
}




/* Normalize list styles */
ol, ul {
 list-style: none;
}


/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
 font-style: normal;
 font-weight: normal;
}


/* Normalize table borders */
table {
 border-collapse: collapse;
 border-spacing: 0;
}


/* Normalize other borders */
fieldset, img {
 border: 0;
}


/* Normalize text-alignment */
caption, th {
 text-align: left;
}


html, body {
 height: 100%;
}


.clear {
 clear: both;
}


body {
 font-family: arial;
 font-size: 13px;
 color: #000810;
 background:#fff url(images/bg.jpg) center 0 no-repeat;
}


p {
 line-height: 1.5;
}


#container {
 width: 960px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 0px;
 padding: 0px;
 position: relative;
}


#header {
 height: 160px;
 position:relative;
}


#logo {
 left:25px;
 position:absolute;
 top:30px;
}


#banner {
 border-top:4px #000 solid;
 border-bottom:4px #000 solid;
}


#navigation{
 background:transparent url(images/nav-bg.jpg) 0 0 repeat-x;
 height:51px;
 padding-left:25px;
}
#navigation li{
 float:left;
}
#navigation li a{ 
 font-size:14px;
 color:#818181;
 text-decoration:none;
 padding:18px 20px 16px;
 display:block;
}
#navigation li a:hover{
 color:#00a5bc;
}


#main_content {
 border:1px #eceff1 solid;
 background:#fff;
}


#left_column {
 float: left;
 width: 160px;
 position: relative;
 padding:10px;
}


#right_column {
 float: left;
 width: 758px;
 padding:10px;
 text-decoration: none;
}


#footer {
 border-top:2px #e3eff7 solid;
 padding-top:12px;
 height: 84px;
 clear: both;
 color: #7a7d57;
  font-size:12px;
  text-decoration:none;
  color:#c3c3c3;
  margin:0px 10px;
}


#footer a{
  font-size:12px;
  text-decoration:none;
  color:#c3c3c3;
}


#footer a:hover{
 color:#00a5bc;
}


#left_footer {
 float: left;
 padding:0px 10px;
}


#right_footer {
 float: right;
 padding: 12px 0;
 text-align: right;
 margin:0 128px 0 0;
}


#breadcrumb{
 border-bottom:1px #eceff1 solid;
 padding:5px 44px;
}
#breadcrumb, #breadcrumb a{
  font-size:11px;
  text-decoration:none;
  color:#c3c3c3;
}
#breadcrumb a:hover{
 color:#00a5bc;
}


h1{
 font-size:23px;
 color:#ff009c;
 margin-bottom:15px;
}


.news-bg {
    display: block;
    min-height: 145px;
    min-width: 330px;
    padding: 20px 0 0 150px;
    position: relative;
}


.news-bg h2 {
    background: url("images/news-bg.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    left: 0;
    overflow: hidden;
    padding: 35px 21px;
    position: absolute;
    width: 65px;
	top:0px;
}
.news-bg p {
    color: #39494a;
    font-size: 17px;
    line-height: 18px;
    width: 270px;
}
.adv td.padding-right{
 padding:0 27px 0 0;
}


.more {
    border-top: 1px solid #D9D9D9;
    bottom: 0;
    color: #909090;
    font-size: 18px;
    padding: 10px 50px 10px 10px;
    position: absolute;
    right: 11px;
    text-align: right;
    text-decoration: none;
    width: 92%;
}


.read-more {
    background: url("images/arrow.png") no-repeat scroll right 0 transparent;
    color: #737373;
    display: block;
    font-size: 12px;
    margin-top: 15px;
    padding: 0 30px 0 0;
    text-align: right;
    text-decoration: none;
}


.content-box{
 border:1px solid #ECEFF1;
 border-radius:4px;
 margin-top:20px;
 background:#f9f9f9;
 padding-bottom:20px;
 text-decoration: none;
}
.content-box h3{
 background:#ececec;
 padding:20px;
 font-size:22px;
 font-weight:bold;
 color:#535353;
}
.content-box p{
 padding:20px 20px 0px;
 text-align:justif;
 color:#adadad;
}


#slider2{
 height:160px;
 overflow:hidden;
 position:relative;
}


.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 10px solid navy;
border-bottom-width: 6px;
width: 400px; /*width of featured content slider*/
height: 250px;
}






.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 5px;
background: white;
width: 390px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}


.pagination {
    position: absolute;
    right: 60px;
    top: 78px;
    z-index: 100;
}

Ich bedanke mich schon einmal :-D
 
Welchen Link meinst Du? Bekommt eine Link die Klasse "content-box"? Irgendwie fehlt der dazugehörige HTML-Code in deinem Beitrag ..
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben