Linkeigenschaften aendern

Hallo Community (:
ich habe ein Problem und habe schon vieles ausprobiert, gelöscht und umgeschrieben. Nun sind meine Html/ CSS Kenntnisse nicht allzugut. Ich hoffe ihr könnt mir helfen.
Folgendes Problem:

Ich habe ein fertiges Template für Joomla geladen. Dort werden die Links so deklariert, das automatisch unter jeden Link eine Strichellinie gemacht wird.
Nun wenn ich aber ein Bild verlinke, kommt auch die Strichellinie. Ich will sie nur für den Content weghaben, also im Menü und im Header lassen.
Darauf hin bin ich in die template.css Datei und habe verschiedenes gelöscht und so weiter. hat aber alles irgendwie nicts gebracht.
Ich poste mal den Originalquelldatei von template.css vllt kann mir jemand helfen.

Danke schon mal im Vorraus!! (Habe die Bereiche HEader, Mainmenue, colum right rausgenommen ^^)

padding:0; margin:0; border: 0px;}

html
{
height: 100%;
}

body
{
background-color: #EFEFEF;
background-image: url(../images/main_bg.jpg);
background-repeat: repeat-x;
background-position: top;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-style: normal;
font-weight: normal;
color: #333333;
text-align: left;
vertical-align: top;
}

table
{
width: 100%;
}

img
{
border: 0;
vertical-align: top;
}

p
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
}

a
{
text-decoration: none;
color: #333333;
border-bottom: 1px;
border-style: dotted;
outline-style: none;
}

a:hover
{
color: #DB2F01;
border: none;
}

ul
{
list-style: none
}

li
{
list-style: none;
}

form
{
padding: 0px 0px 0px 0px;
}

fieldset
{
margin: 5px 0px 5px 0px;
padding: 2px 0px 2px 0px;
}

input
{
width: 215px;
margin: 0px 0px 0px 0px;
padding: 2px 3px 2px 3px;
font-size: 11px;
color: #FFF;
border: 1px;
border-color: #DDD;
border-style: solid;
vertical-align: bottom;
background-color: transparent;
}

textarea
{
width: 450px;
margin: 2px 2px 10px 0px;
padding: 2px 2px 2px 2px;
font-size: 11px;
border: 1px;
border-color: #DEDEDE;
border-style: solid;
color: #333;
font-family: Arial, Helvetica, sans-serif;
vertical-align: bottom;
}

caption
{
}

label
{
line-height: 18px;
font-weight: normal;
}

/**************************************************************************************/
/**************************************************************************************/
/* General Element IDs
/**************************************************************************************/
/**************************************************************************************/

#general
{
width: 990px;
text-align: center;
margin: 0px auto 0px auto;
background-color: #FFF;
border: 1px;
border-color: #FFF;
border-style: solid;
}

#generalborder
{
width: 988px;
border: 1px;
border-color: #CCC;
border-style: solid;
clear: both;
}

#companyname
{
float: left;
width: 200px;
height: 80px;
margin: 15px 0px 0px 20px;
}

#companyname a
{
font-size: 15px;
font-weight: bold;
border: none;
}

#companyname a:hover
{
color: #DB2F01;
border: none;
}

#slogan
{

}

#adsense
{
clear: both;
float: right;
margin: 30px 0px 0px 0px;
}

/**************************************************************************************/

/* Content
/**************************************************************************************/
/**************************************************************************************/

#content
{
width: 990px;
text-align: center;
margin: 0px auto 0px auto;
}

/**************************************************************************************/
/* Column Left
/**************************************************************************************/

/**************************************************************************************/
/* Column Main
/**************************************************************************************/

#colmain
{
float: left;
width: 620px;
padding: 20px 0px 20px 20px;
margin: 0px 0px 35px 0px;
text-align: justify;
}

#colmain h1,
#colmain h2,
#colmain h3
{
color: #222222;
font-size: 15px;
font-weight: bold;
margin: 25px 0px 10px 0px;
text-transform: uppercase;
}

#colmain p
{
font-size: 12px;
font-weight: normal;
text-align: justify;
margin: 20px 0px 0px 0px;
}

#colmain ul
{
margin: 10px 10px 10px 0px;
}

#colmain li
{
padding: 3px;
list-style: inside;
list-style-image: url(../images/mark.gif);
}

#colmain li a
{
color: #DB2F01;
border-bottom: 1px;
border-style: dotted;
}

#colmain li a:hover
{
color: #DB2F01;
border: none;
}

#colmain input
{
float: left;
width: 200px;
background-color: #FFFFFF;
color: #333;
}

#colmain input[type="checkbox"],
#colmain input[type="radio"]
{
float: left;
width: 16px;
height: 16px;
margin-right: 5px;
border: none;
background-color: #FFF;
}

#colmain label
{
float: left;
width: 150px;
}

#colmain .txtblock
{
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}

#colmain #article img
{
margin: 0px 10px 10px 0px;
padding: 0px 0px 0px 0px;
}

#colmain .textblock
{
margin: 20px 10px 0px 20px;
padding: 0px 0px 0px 0px;
}

#colmain .writenby
{
float: left;
margin: 0px 30px 10px 0px;
}

#colmain .readmore
{
margin: 0px 0px 10px 0px;
}

#colmain button,
#colmain .button
{
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 200px;
height: 25px;
font-weight: bold;
text-align: center;
background-image: url(../images/btnoff_colmain.png);
background-repeat: no-repeat;
border: none;
color: #FFF;
}

#colmain button:hover,
#colmain .button:hover
{
cursor: pointer;
background-image: url(../images/btnon_colmain.png);
background-repeat: no-repeat;
border: none;
}

/**************************************************************************************/

/**************************************************************************************/
/* General Classes
/**************************************************************************************/
/**************************************************************************************/

.alignleft
{
text-align: left;
}

.alignright
{
text-align: right;
}

.center
{
padding: 10px;
text-align: center;
}

.left
{
float: left;
}

.right
{
float: right;
}

.clear
{
clear: both;
}

.spacer
{
width: 1px;
height: 40px;
}

.separator
{
width: 1px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.separator_10
{
width: 1px;
height: 1px;
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
}

.separator_15
{
width: 1px;
height: 1px;
margin: 15px 15px 15px 15px;
padding: 0px 0px 0px 0px;
}

.separatordotted_hor
{
margin: 0px 0px 0px 0px;
height: 1px;
background-image: url(../images/sep_hor.png);
background-repeat: repeat-x;
background-position: bottom;
}

.separatordotted_ver
{
margin: 0px 0px 0px 0px;
width: 1px;
background-image: url(../images/sep_ver.png);
background-repeat: repeat-y;
background-position: bottom;
}

.border
{
}

.button,
button
{
padding: 0px 20px 0px 20px;
margin: 10px 0px 0px 10px;
height: 25px;
width: 90px;
font-size: 11px;
font-weight: bold;
color: #FFF;
outline-style: none;
}

.button:hover,
button:hover
{
color: #F6F6F6;
cursor: pointer;
}

.label
{
font-weight: bold;
}

.asterisk
{
float: left;
width: 10px;
padding: 0px 0px 0px 3px;
color: #DB2F01;
}

generell würd ich folgendes vorschlagen:

#content a, a img, a:hover img {
  text-decoration: none !important;
}

setz das ganze am besten recht weit unten in die css, ansonsten könnten andere teile der css das ganze wieder überschreiben...
was mir fehlt sind genauere angaben...
kannst du mal eine beispiel-seite nennen?

lg

Hallo (:
also auf meiner homepage? oder wie meinst du mit beispielseiten?
hier auf der startseite sind zwei links mit unterstrichen
und hie r ist ein bild verlinkt, wo auch die strichellinie durchscheint

die wollt ich generel weghaben (:
ich probiere es mal mit dein
Danke erstmal

Hab dir mal was geändert...
Hast du dir das so vorgestellt?

=> Ich würd die Links im Content schon irgendwie kennzeichnen (evtl nen Bild wie zB bei dem "hier" im Beitrag hier drüber?)... Sonst gehn sie komplett unter...

Hast du das jetzt geänddert? weil jetzt ist es gut (:
wie hast du das gemacht?
also bei mein template ?

Danke dir

#colmain #article a,
#colmain #article a:hover,
#colmain #article a img {
  border: 0px !important;
}

das wars eig schon (zu finden in joomla.css)...
1-2 kleine änderungen warn noch an anderen stellen... die warn aber nur nötig, um den oben genannten teil so klein zu halten

lg

oke alles klar
Dankeschön (:

kein Problem...
Wenn noch andere solche Kleinigkeiten sind, sag bescheid...

lg

Gerne, aber ich will dich nicht zu sehr beanspruchen (:

und zwar wollte ich oben neben der googlesuche ein feld haben, wo ich ein livestream einbaue, habe aber noch nciht wirklich danach geschaut wie das geht. sollte blos so ein symbol sein und daneben irgendwie eine liste mit den titel der grade läuft. damuss ich erstmal nachschauen wie man das realisieren kann
kannst du das auch?

Danke dir Schonmal
LG

Generell kannst du das einfach durch eine Anpassung des Templates machen...
Dort fügst du zB eine div ein, die du dann mit css beliebig verschieben kannst...
Ob das ganze dann als Bild oder als Text realisiert wird, ist relativ egal...

Dir die Anzeige zu erstellen, welches Lied grade läuft, kann ich nicht...
Allein schon weil ich die Schnittstellen & Co. nicht kenne...

Wenn du aber eine Ausgabe schaffst, kann ich dir selbstverständlich bei der Positionierung helfen...

lg