Problem mit CSS Darstellung bei Theme Reykjavik

03.03.2021 21:42 (zuletzt bearbeitet: 20.03.2021 16:08)

pragerdesign
#1

Guten Abend,
ich habe ein Problem, dem ich nicht und nicht Herr werde.

Die betreffende Seite ist www.miete.at
Ich habe auf der Startseite ein JavaScript eingebaut, das bei Anklicken ein Menü nach unten schiebt.
Das klappt soweit gut. Leider aber verhält sich die Farbwahl bei den Links nicht erwünscht.
Selbst, wenn ich im Headbereich die relevanten Teile für das Stylesheet entferne oder ändere, findet keine Änderung statt.
Entferne ich den Link, klappt alles perfekt. Anbei das CSS Sheet und ein Ausschnitt aus dem JavaScript.
Vielleicht könnt ihr mir helfen. Wäre perfekt. Vielen Dank.

Teil 1:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 

<style type="text/css">
/*<![CDATA[*/
.resp-image {
position:relative;
a:link {
  text-decoration: none;
  color: black;
}
 
a:visited {
  text-decoration: none;
  color: black;
}
 
a:hover {
  text-decoration: none;
  color: blue;
}
 
a:active {
  text-decoration: none;
  color: blue;
}
.resp-image img {
display: block;
width: 100%;
max-height: 100%;
position: relative;
}
/*]]>*/
</style>
 

<style type="text/css">
/*<![CDATA[*/
dd { 
display: none;
}
 

/*]]>*/
 
</style>
 
 

Teil2:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 

<div class="resp-image">
    <dl>
        <dt>
            <a style="text-decoration: none;" href="https://www.miete.at/mietmaschinen/sonstige-geraete/" class="closed">9. Sonstige Geräte</a>
        </dt>
    </dl>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> 
<script type="text/javascript">
//<![CDATA[
 
$(document).ready(function(){
 
        $("dt").click(function(){ // trigger 
 
                $(this).next("dd").slideToggle("fast");
 
                $(this).children("a").toggleClass("closed open");
 
        });
 
});
//]]>
</script>
 
 

Antworten

Beitrag melden

#2

03.03.2021 22:36

pragerdesign
#2

pragerdesign

Gerade selbst gelöst! Vielen Dank dennoch. LG,Tom

Antworten

Beitrag melden

#3

20.03.2021 16:06

az_
#3

az_

@pragerdesign
...bitte immer die Schaltfläche für Code benutzen, da das sonst unmöglich dargestellt wird. Und dann würde uns natürlich interessieren, wie genau du dein Problem gelöst hast.
LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html