CSS - <a href="#">

Question

Hey guys i have something like this:

<a href="#"><span id="shorttext"><h4>V posledných dnech se událo mnoho změn, které byli velice výrazné. Proto neváhajte a podívete se i vy na to, co se vlastne zmenilo a nebo nezměnilo kdo vi... </h4></span></a> 

I just move out before span to make full block as href not just text and text become underline.

I try to fix it with something like:

h4 { 
    padding: 5px 10px 10px 10px;   /*text v slidery, opacity */ 
    font-color:FFFFFF; 
} 

a h4 { 
    padding: 5px 10px 10px 10px;   /*text v slidery, opacity */ 
    font-color:FFFFFF; 
    text-decoration: none; 
} 

a:visited h4{ 
    text-decoration:none;   
} 
a:active h4{ 
    text-decoration:none;   
} 
a:link h4{ 
    text-decoration:none;   
} 

But it didnt really help, and advise?

Thanks for reading my post :)

Answer 1

The underline is on the anchor, not the heading.

Remove it from the anchor.

a { 
    text-decoration: none; 
} 

Answer 2

It would make much more sense to clear this up and give the a a clear class which indicates it's semantical meaning inside the HTML:

<a href="#" class="whatever-fits"></a> 

Then add style:

a.whatever-fits { 
    text-decoration: none; 
} 

Additional remarks:

Your nesting of a , h4 and span are invalid HTML의 밑줄을 제거하십시오.

font-color:FFFFFF;

2 실수 있습니다, 당신은 단순히 color

진수 색상이 필요로 사용하는 텍스트의 색상 스타일을, font-color라는 어떤 속성이 존재하지 않는

1. 을 #을 선도하고, 예를 들어, #FFFFFF

Answer 3

h4 { 
     padding: 5px 10px 10px 10px;   /*text v slidery, opacity */ 
     color:#fff; } 

    a h4 { 
     padding: 5px 10px 10px 10px;   /*text v slidery, opacity */ 
     color:#fff; 
     text-decoration: none; } 

    a:visited h4{ 
     text-decoration:none;   } 
a:active h4{ 
     text-decoration:none;   } 
a:link h4{ 
     text-decoration:none;   } 

Answer 4

당신은

a { 
    text-decoration: none; 
}