»» Ich hoffe ihr versteht mich, ich fande die ausdrucksweise etwas..schwierig.
Es ist in der tat nicht leicht, dich zu verstehen.
Suchst du nach:
a[href] img{border:none}oder:
a[href^=#] img{border:none}oder:
a:not(href^=#) img{border:none}
???mfg Beat
Dafür versteh ich dich überhaupt nicht, da mir alle 3 Varianten nicht viel sagen ..^^
i.d.R. ist es in einem Stylesheet ja so, dass die Links zu Beginn definiert werden. Als Pseudoelement geschieht dies via:
a:link { hier steht iwas drin}
a:visited {und hier steht noch iwas drin}
Diese Verweisdeklaration(Farbe etc.) Gilt dann für das ganze Dokument. Es sei dann man definiert für eine Liste in einem Div gesonderte Link Eigenschaften(Z.B. Farbe). als Beispiel
div#Beispiel
{
Iwas steht hier
}
ul#Beispiel{
Hier steht noch irgendetwas
}
ul#Beispiel a,ul#Beispiel span {
color:#FFFFFF;
}
Bei ul#Beispiel a,ul#Beispiel span wird nun für die Links eine Farbe definiert, die von der allgemeinen Definition am Anfang des CSS abweichen kann.
So ist es möglich, dass alle Verweise der Seite Schwarz sind, und die in der Liste äBeispiel weiß.
Soweit verstanden? Ich hoffe es^^
Jetzt möchte ich bei mir auf der Seite eine Grafik einfügen, um bei Klick auf dieser zum Seitenanfang zurückzukommen. Das ist soweit nicht das Problem, sondern die Gestaltung des Links!
Explizit sieht der CCS Code bei mir im Dokument folgendermaßen aus:
CSS:
div#footer{
background-color:#000000;
background-image:url(foot_bg.gif);
margin: 5px auto 60px auto;
min-width:824px;
max-width:824px;
height:50px;
border:1px #707070 solid;
z-index:1;
color:#FFFFFF;
}
ul#navfooter {
margin-top:15px;
text-align:center;
}
ul#navfooter li {
list-style:none;
display:inline;
}
ul#navfooter a, ul#navfooter span {
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-align:center;
}
Dazu im HTML Body Bereich:
<div id="footer">
<a href="#Seitenanfang"><img src="Seitenanfang.gif" style="float:right; " /> </a>
<ul id="navfooter">
<li><a href="impressum.html">Impressum |</a></li>
<li><a href="contact.html">Kontakt |</a></li>
<li><a href="sitemap.html">Sitemap |</a></li>
<li><a href="faq.html">F.A.Q.</a></li>
<br />
<span>© by Alexander Braun</span>
</ul>
</div>
wie man sieht, ist im HTML Bereich der Anker mit einem Image ausgestattet. Das Image gilt somit als ein Verweis und unterliegt somit der allgemeinen Definition der Verweise am Anfang des CSS.
Wenn ich nun aber, den Verweis anders gestalten möchte, als alle anderen Verweise auf der Seite, dann muss ich den Verweis ja in seinem zugehörigen Div anders definieren.
Das tu ich bei der Navigationsleiste durch das CSS: ~~~css
ul#navfooter a, ul#navfooter span {
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-align:center;
}
Wie oben bereits gepostet. Genau das möchte ich nun auch mit dem Image erreichen.
Die Frage ist also, ob es möglich ist mit ` a#footer {}`{:.language-css}
sich auf die Links in einem Div zu beziehen.
Oder einfacher gefragt. Wie bekomm ich den Verweisrahmen, der immoment um die grafik auf meiner Seite liegt, weg OHNE allgemeine Verweise am Anfang des CSS zu deklarieren?
Besser? Ich hoffs >.< ^^
Lg