Textlinks UND leider auch Bildlinks sind in Joomla underlined

[rampage]

Hallo Leute,

vielleicht kann mir einer von Euch Spezis mal wieder helfen. Ich komme in meinem umgebauten Joomla-Template nicht weiter.

Mein Problem: Außer Textlinks sind auch Bildlinks stets umrandet (gut, den Rahmen kann ich beim Einbinden mit border="0" abschalten) und UNTERSTRICHEN. Bei Textlinks soll es auch so bleiben, aber bei Bildern ist es natürlich super hässlich. Mit "text-decoration:none" komme ich so also nicht weiter.

Könnt Ihr bitte mal in den Code reischauen und mir dabei helfen, das Underline lediglich bei verlinkten Bildern abzuschalten? Danke.

Rampage

Hier das CSS:

/* custom stuff */

.clr {
clear: both;
}

div.mosimage_caption {
font-size: 11px;
}

#page_bg {
height: 100%;
background: #4d5639;
padding: 0;
margin: 0;
border: 0;
}

#center {
text-align: center;
}

#main_bg {
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
width: 770px;
background: url(../images/blog_bg.pn) repeat-y;
text-align: left;
}

#content_bg {
margin: 0px 10px;
}

#header {
background: #000 url(../images/blog_header.jpg) 0 0 no-repeat;
width: 750px;
height: 194px;
}

#newflash {
float: right;
background: url(../images/blog_hash.png) 0 0;
height: 194px;
width: 193px;
overflow: hidden;
}

#newflash div {
padding: 5px 10px;
}

#newflash table.contentpaneopen td {
color: #ddd;
}

#topmenu, #footer {
height: 17px;
background: #CC3333;
text-align: center;
}

#topmenu ul {
padding: 0;
list-style: none;
}

#topmenu li {
margin: 0;
float: left;
height: 17px;
padding: 0;
}

#topmenu a:link, #topmenu a:visited {
display: block;
float: left;
line-height: 17px;
height: 17px;
padding: 0 17px;
color: #fff;
border-right: 1px solid #fff;
border-bottom: 0;
}

#topmenu a:hover {
background: #990000;
border-right: 1px solid #fff;
padding: 0 17px;
text-decoration: none;
border-bottom: 0px;

}

#content {
float: left;
width: 605px;
border: 0px solid #c00;
padding-top: 20px;
}

#navigation {
float: right;
width: 190px;
padding-top 10px;
margin: 0;
border: 0px solid #00c;
}

.padding {
width: auto !important;
width: 100%;
padding: 10px 15px 40px 15px;
}

.highlight {
background: #ECECE3;
border: 1px solid #DBDAC4;
padding: 0px 15px;

}

#footer {
clear: both;
height: 30px;
line-height: 30px;
color: #999;
}

/* required stuff */

span.pathway {
display: block;
margin-bottom: 15px;

}

#content-pane .tab-page {

}

table.contentpane {
text-align: left;
width: 100%;
padding: 0px;
margin: 0px;
border-collapse: collapse;
}

table.contentpaneopen {
text-align: left;
width: 100%;
padding: 0px;
margin: 0px;
border-collapse: collapse;
}

.small {
font-size: 11px;
color: #666666;
font-weight: normal;
text-align: left;
}

.modifydate {
font-size: 11px;
color: #666666;
font-weight: normal;
padding-top: 8px;
padding-bottom: 10px;
text-align: left;
}

.createdate {
line-height: 10px;
font-size: 11px;
color: #666666;
font-weight: normal;
vertical-align: top;
padding-bottom: 10px;
padding-top: 0px;

}

.readon {

}

h3, .componentheading {
font-size: 18px;
text-align: left;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #9b9a87;
margin: 10px 0 5px 0;
}

.contentheading {
height: 40px;
vertical-align: bottom;
font-size: 22px;
font-weight: normal;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #333;
text-align: left;
width: 100%;
}

div.moduletable {
margin-bottom: 20px;

}

table.moduletable .contentheading {
height: 30px;
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
padding-top: 5px;
font-size: 18px;
font-weight: normal;
color: #CC3333; /* war vorher 4971BA*/
text-align: left;
width: 100%;
}

a.contentpagetitle:hover {
color: #ff0000;
}

a.mainlevel {
display: block;
border-bottom: 1px solid #ddd;
}

a:link, a:visited {
color: #c23f2d;
text-decoration: none;
border-bottom: 1px solid #c23f2d;
}

a:hover {
color: #76261B;
border-bottom: 1px solid #76261B;
}

a.category:link, a.category:visited {

}

a.category:hover {

}

a.pagenav, a.pagenav:visited {

}

a.pagenav:hover {

}

.frontpageheader {
color: #ffffff;
font-size: 15px;
font-weight: bold;
line-height: 30px;
}

.newsfeedheading {
font-size: 11px;
font-weight: bold;
color: #333333;
text-align:left;
}

.newsfeeddate {

}

.fase4rdf a:link {

}

.fase4rdf a:hover {

}

.componentheading{

}

.sectiontableheader {
font-weight: bold;
background: #ECECE3;
padding: 3px;

}

HTML {
height: 100%;
margin-bottom: 1px;
}

BODY {
margin: 0px 0px 0px 0px;
background: #ffffff;
height: 100%;
}

td,tr,p,div {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
line-height: 13pt;
color: #333333;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

ul li
{
line-height: 20px;
padding-left: 15px;
padding-top: 0px;
background-image: url(../images/blog_bullet.png);
background-repeat: no-repeat;
background-position: 0px 5px;
}

.button {

}

.inputbox {
font-size: 12px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

}

/* ---------------- unedited below here ----------------------*/

/* Styles for dhtml tabbed-pages */
.ontab {
background-color: #121A1D;
border-left: outset 1px #9DA6B3;
border-right: outset 1px #9DA6B3;
border-top: outset 1px #9DA6B3;
border-bottom: solid 0px #ffffff;
text-align: center;
cursor: pointer;
font-weight: normal;
color: #ff6600;
}
.offtab {
background-color: #25343B;
border-left: outset 1px #9DA6B3;
border-right: outset 1px #9DA6B3;
border-top: outset 1px #9DA6B3;
border-bottom: solid 1px #9DA6B3;
text-align: center;
cursor: pointer;
font-weight: normal;
color: #cccccc;
}

.tabpadding {
}

.tabheading {
background-color: #eeeeee;
text-align: left;
}

.pagetext {
visibility: hidden;
display: none;
position: relative;
top: 0;
}

h4 {

}

h5 {

}

h6 {

}

/* Horizontal Line */
hr {
background: #999999; height:1px; border: 1px solid;
}

hr.separator {

}

/* Content - Sections & Categories */
table.contenttoc {
margin-left: 5px;
margin-bottom: 5px;
background: #ECECE3;
border: 1px solid #DBDAC4;
}

table.contenttoc th {
color: #00FF00;
font-weight: bold;
font-size: 12px;
text-align: left;
padding: 2px 8px;
}

table.contenttoc td {
padding: 2px 8px;
}

.contentdescription {
text-align: left;
}

/** polls and search results **/
.poll {
padding: 0px 0px;
margin: 0px;
}

td.poll b {
font-weight: normal;
}

table.pollstableborder {
border: 0px;
margin: 0px;
padding: 0px;
}

table.pollstableborder td {
padding: 4px 0px;
}

td.sectiontableentry1 {
color: #333333;

}

td.sectiontableentry2 {
color: #333333;
}

tr.sectiontableentry1 td {
padding-left: 4px;
padding-right: 4px;
}

tr.sectiontableentry2 td {
padding-left: 4px;
padding-right: 4px;
}

.smalldark {
font-size: 11px;
color: #333333;
text-decoration: none;
font-weight: normal;
}

.pagenav {
font-weight: bold;
}

.pagenavbar {

}

/* Content voting */
.content_rating {
font-weight: normal;
font-size: 8pt;
}

.content_vote {
font-weight: normal;
font-size: 8pt;
}

/* Javascript Back button */
.back_button {
text-align: center;
margin-top: 40px;
margin-bottom: 10px;
}

strong {
color: #333333;
}

[Joe]

Hi,

entschuldige mal, aber glaubst du tatsächlich, dass jmd Zeit hat sich ein komplettes Stylesheet durchzulesen nur um bei deinem Problem zu helfen???
Jetzt formulier einmalig deine Frage und zwar so, dass man versteht was du eigentlich bewirken möchtest.
Wenn ich das richtig verstanden habe dann willst du den Rahmen um Bilder entfernen? Ist das ein border? Dann setzt das border für Images auf 0.
Sprich:

img {
 border:0;
}

[rampage]

Hallo.

Ups, wusste nicht, dass ihr den Code hier generell extern verlinkt. Sorry. Naja, nu' ist's zu spät.

Wenn ich genau wüsste, welcher Bereich relevant ist, hätte ich nur den gepostet. Die border ist nicht das Problem, sondern dass der Bildlink unterstrichen ist, genau wie ein Text-Link.

Vermutlich handelt es sich um diesen Abschnitt: (ich kopier's jetzt trotzdem einfach mal rein, ist ja nur sehr wenig Code...)

========================================================
a:link, a:visited {
color: #c23f2d;
text-decoration: none;
border-bottom: 1px solid #c23f2d;
}

a:hover {
color: #76261B;
border-bottom: 1px solid #76261B;

Danke für Eure Hilfe.

Gruß
Rampage

Hi,

entschuldige mal, aber glaubst du tatsächlich, dass jmd Zeit hat sich ein komplettes Stylesheet durchzulesen nur um bei deinem Problem zu helfen???
Jetzt formulier einmalig deine Frage und zwar so, dass man versteht was du eigentlich bewirken möchtest.
Wenn ich das richtig verstanden habe dann willst du den Rahmen um Bilder entfernen? Ist das ein border? Dann setzt das border für Images auf 0.
Sprich:

img {
border:0;
}

[Sven Rautenberg]

Moin!

Ups, wusste nicht, dass ihr den Code hier generell extern verlinkt. Sorry. Naja, nu' ist's zu spät.

Nichts gegen Code im Forum. Nur gegen Hundert Zeilen irrelevanten Code haben wir was.

Wenn ich genau wüsste, welcher Bereich relevant ist, hätte ich nur den gepostet.

Du hast kein HTML gepostet - DAS ist das Problem. CSS wirkt immer auf zugehöriges HTML - oder auch nicht.

Das "oder auch nicht" ist aber nun mal nicht nur vom CSS, sondern auch vom HTML abhängig. Es gibt so viele Fehlerquellen...

Hast du die Validatoren schon genutzt? Wenn nein - warum nicht?

- Sven Rautenberg

[Maxx]

Hallo,

a:link, a:visited {
color: #c23f2d;
text-decoration: none;
border-bottom: 1px solid #c23f2d;

du möchtest also Textlinks unterstreichen, Bilderlinks hingegen nicht?

Die Eigenschaft: text-decoration gilt wie der name schon sagt für _Text_
Warum schaltest du dann die Unterstreichung für Text aus?

Die Eigenschaft: border-bottom: 1px ... gilt für Text _und_ Bilder
Warum simulierst du dann eine Unterstreichung für Text und Bild?

Reduziere die Eigenschaften der Links auf das was du willst und gut ist.

Grüße,

Jochen

[Sven Rautenberg]

Moin!

Könnt Ihr bitte mal in den Code reischauen und mir dabei helfen, das Underline lediglich bei verlinkten Bildern abzuschalten? Danke.

Och nö, bitte nicht! Da kippst du hier Tonnen von CSS-Code ins Forum und erwartest kompetente Hilfe! So läuft das nicht.

Erstens: Validiere dein CSS! http://jigsaw.w3.org/css-validator

Zweitens: Validiere dein HTML! http://validator.w3.org/

Drittens: Wenn alle Fehler entfernt sind, und es immer noch nicht geht, dann VERLINKE deine Problemseite, alternativ auch ein abgespecktes Beispiel auf irgendeinem Freehoster - aber jedenfalls so, dass CSS UND HTML verfügbar sind, denn ohne HTML ist das CSS komplett irrelevant. Kann ja durchaus sein, dass du dich in einer ID oder Klasse vertippt hast in HTML.

- Sven Rautenberg

[Rampage]

Moin, Sven,

vielen Dank für die Hinweise. Ich werd's heute abend dann mal mit der Validierung probieren. Mal sehen, ob es dann schon besser aussieht. Ansonsten werde ich mich hier sicher noch mal melden. :)  Und, ja, ich specke den Code dann ab.

Gruß

Rampage