Rand om img

doe eens
text-decoration:none bij je a's in de css

Was dat niet zoiets?
text-decoration: none

Helaas geen geluk vandaag. De lijn blijft er omheen staan, maar het rare is dat de lijn ook van kleur veranderd bij mouse over.

Dus ik doe echt wat fout met mijn css.

http://www.jcsl.nl/nieuw/css/default.css

#logo a:link, #logo a:visited, #logo a:active, #logo a:hover {
border: 0px;
text-decoration: none
}

naar

a:link .logo, a:visited .logo, a:active .logo, a:hover .logo
{
text-decoration: none;
}

Classes zijn altijd .[class_name], en de tag waarop ze staan moet voor de .

Dat is dus de link.
Kijk eens op http://www.w3schools.com/CSS/css_pseudo_classes.asp

Sorry, dan meot het dus zijn:

a.logo:link, a.logo:visited, a.logoactive, a.logo:hover
{
text-decoration: none;
}

@ stefan: helaas nog niet (je was trouwens nog een : vergeten.

@ SanThe: Ik ga me er door proberen te slaan.

Maar het rare is dat dit wel werkt:

<?php
#menu a:link, #menu a:visited {
color: #BE0000;
font-style: none;
text-decoration: none;
}

#menu a:active, #menu a:hover {
color: #00A2FF;
text-decoration: none;
}
?>

in je image html code, zet: BORDER="0"

hmm en als dat zelfs niet meer werkt?

Ik ben er wel achter dat het komt door dit stukje:

a:link img, a:visited img {
border: 2px #00A2FF solid;
}

a:active img, a:hover img {
border: 2px #BE0000 solid;
}

Je zet eerst dat je geen borders om je img wil in de header, maar dit word later door een algemene a img weer gereset. Door deze om te draaien van positie zul je dus eerst de algemene doen, waarna je de border naar 0 reset.


Hier een 9als het goed is) werkende code:

body{
background: #00A2FF;
}
p {
  margin: 0;
}
  
td{
border:5px;
vertical-align: middle; 
border-color: #FFFFFF;
margin:5px;
 }

a:link img, a:visited  img {
  border: 2px #00A2FF solid;
}

a:active img, a:hover img {
  border: 2px #BE0000 solid;
}

table.main{
width: 100%;
margin-left: auto;
margin-right: auto; 
border-style: solid;
}

 tr.main, td.main {
border-width: 5px;
border-color: #FFFFFF;
vertical-align: middle; 
margin-left: auto;
margin-right: auto; 
padding: 10px; 
border-style: solid;
 }
 
td.prodflyer {
vertical-align: middle; 
width:80px;
border-color: #FFFFFF;
margin:5px;
 }
 
 td.proddata {
vertical-align: middle;
padding: 10px;
text-align: center; 
width:80px;
 
 }
a.logo:link, a.logo:visited, a.logo:active, a.logo:hover
{
text-decoration: none;
} 

a:link, a:visited {
  color: #00A2FF;
  font-style: none;
  text-decoration: none;
}

a:active, a:hover {
  color: #BE0000;
  text-decoration: none;
}

#container {
overflow:hidden;
background: #FFFFFF;
}


img.logo{
  height: 200px;
  width: 200px;
  }

#menu{
 text-align: left;
 color: #BE0000;
}

#menu a:link, #menu a:visited {
    color: #BE0000;
    font-style: none;
    text-decoration: none;
  }
  
#menu a:active, #menu a:hover {
    color: #00A2FF;
    text-decoration: none;
  }

#menuline{
margin-top: 10px;
}

 
#nieuws{
 color: #00A2FF;
 margin-bottom:0px; 
 }
 
#nieuws1, #nieuws2{
margin-left:10px;
 color: #000000;
}

#foto{
 margin:0px; 
 color: #00A2FF;
}

  img.head{
  height: 100px;
  width: 100px;
  padding-left:00px;
  padding-right:00px;
  padding-bottom:0px;
}
  
#maintitel{
 margin-left: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 color: #00A2FF;
}

#mainblok{
 margin-left: 0px;
 margin-right: 0px;
}

#footer { 
 text-align: center;
 color: #BE0000;
 font-size: 12px;
}

#footer a:link, #footer a:visited {
    color: #00A2FF;
    font-style: none;
    text-decoration: none;
  }
  
#footer a:active, #footer a:hover {
    color: #BE0000;
    text-decoration: none;
  }

.redline{
  border:none;
  border-top:1px solid #BE0000;
  height: 1px;
  background-color: #BE0000; 
  margin-top:1px; 
  clear: both;  
 
  }


.blueline {
  border:none;
  border-bottom:1px solid #00A2FF;
  height: 1px;
  background-color: #00A2FF; 
  margin-top:-22px;  
  margin-bottom:10px;
  clear: both;
}