Verweise

[Quov]

Folgendes Problem - ich möchte in einem Div eine Grafik einfügen, und diese als Anker für den Seitenanfang definieren. Nun hat diese logischerweise einen Rahmen, da sie ja als Link gilt, diesen möchte ich ausblenden _ohne_ dass ich die links für jeden Div festzulegen.
Ergo suche ich für <a href="#Seitenanfang"><img src="Seitenanfang.gif" style="float:right; " />
eine Möglichkeit den Link in CSS zu verarbeiten wie in: ~~~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;

  
Das Problem kann unter [Klick mich](http://www.silence-death.de/Untitled-2.html) im letzten Div begutachtet werden. Die kleine Grafik unten rechts.  
  
Ich hoffe ihr versteht mich, ich fande die ausdrucksweise etwas..schwierig.  
  
Lg

[Beat]

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

[Quov]

»» 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

[Beat]

Die Frage ist also, ob es möglich ist mit a#footer {}

sich auf die Links in einem Div zu beziehen.

a#footer entspricht dem Code
<a id=footer>
aber du hast <div id=footer><a><img></a></div>
demzufolge
#footer > a {text-decoration:none;}
#footer > a img {border:none}

der > Selektor ist der Schlüssel der vermeidet, dass andere <a> die nicht direkte Children von #footer sind betroffen werden.

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?

a) wo oben beschrieben
b) gib dem a eine Klasse
c) gib dem <img> eine Klasse

Es ist die border Eigenschaft des Image-Elements, welche du entfernen willst.

mfg Beat

[Quov]

Zusammengefasst also folgender Code:

  
a#footer a, a#footer img {  
  
text-decoration:none;  
border:none;  
  
}  

Funktioniert, danke

Lg

[MudGuard]

Hi,

a#footer a

ist sinnfrei, da a-Elemente keine a-Elemente enthalten dürfen.

cu,
Andreas

[cygnus]

Hallo :)

»» Ich hoffe ihr versteht mich, ich fande die ausdrucksweise etwas..schwierig.

Es ist in der tat nicht leicht, dich zu verstehen.

Dafür versteh ich dich überhaupt nicht, da mir alle 3 Varianten nicht viel sagen ..^^

a:link { hier steht iwas drin}

a:visited {und hier steht noch iwas drin}

Iwas steht hier

Soweit verstanden? Ich hoffe es^^

Ich versteh dich nicht :)

mfg
cygnus

[Struppi]

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?

Normalerweise möchte man ja den Rahmen um verlinkte Bilder immer entfernen, das geht so:

a img { border:none;}

wenn du wirklich nur das Bild im footer ansprechen willst, ginge es so:

div#footer a img { border:none;}

Struppi.