Javascript ignoriert die Schriftgröße

L

LadyMarion

Mitglied
Hallo,

ich muss im Rahmen einer Projektarbeit ein paar HTML-Dateien erstellen, die später als Templates eingesetzt werden.

Dabei wollte ich eine Breadcrumbs-Anzeige mit Javascript einbauen. Da ich mich selbst damit überhaupt nicht auskenne, habe ich im Internet nach eineme Skript gesucht und dieses dann eingebaut. Es funktioniert soweit auch, allerdings möchte ich die Schriftgröße verkleinern und das geht nicht. Ich habe nämlich noch ein Javascript zur Anzeige der letzten Aktualisierung auf der Seite, dabei geht es ganz einfach, wenn ich das in ein <p>-Element einschließe. Das funktioniert bei der Breadcrumbs-Anzeige allerdings nicht.

Kann mir da jemand weiterhelfen?

Danke
Marion

Code: 
<script language="JavaScript"> 
<!-- 
var path = ""; 
var domain = "www.url.de"; 
var href = document.location.href; 
var s = href.split("/"); 
for (var i=2;i<(s.length-1);i++) { 

if (s[i] == domain) { 
path+="<A HREF=\""+href.substring(0,href.indexOf("/"+s[i])+s[i]. 
length+1)+"/\">Startseite </a>/ "; 
} 

if(s[i] == domain.substring(4,domain.length)) { 
path+="<A HREF=\""+href.substring(0,href.indexOf("/"+s[i])+s[i]. 
length+1)+"/\">Startseite </a>/ "; 
} 
else { 
path+="<A HREF=\""+href.substring(0,href.indexOf("/"+s[i])+s[i]. 
length+1)+"/\">"+s[i]+"</A> / "; 
} 
} 

i=s.length-1; 
path+="<A HREF=\""+href.substring 
(0,href.indexOf(s[i])+s[i]. length)+"\">"+s[i]+"</A>"; 
document.writeln(path); 
//--> 
</script>
 
so wie das hier aussieht ist die ausgabe ein link.

Code: 
path+="<A HREF=\""+href.substring(0,href.indexOf("/"+s[i])+s[i].

da funktioniert das mit dem <p> - Tag nicht

am besten du machts die größenangaben über Css, so wie hier:

HTML: 
a:link{
 font-style: normal;
 font-size: 14px;
 font-weight:500;
 color: #333333;
 text-decoration: none
}

das selbe kannst du dann auch für die anderen zustände machen wie a:visited, a:hover oder a:active.

am besten mal bei selfhtml reinschaun.
 
Hallo,

danke für den Hinweis. Da hab ich einfach nicht dran gedacht, dass hier ja Links ausgegeben werden.

Ich hab nun eine Klasse für diese Links gemacht, aber an welcher Stelle füg ich die denn in diesem Beispiel ein?
Normal geht das doch so:

<a href="#" class="navi">Navigation</a>

Ich blick bei dem Javascript nicht ganz durch und weiß jetzt nicht, an welcher Stelle nach dem href die Klasse reinmuss.

Danke
 
Das muss in jede Zeile wo du bei diesem Script einen Link hast.


HTML: 
path+="<A HREF=\""+href.substring(0,href.indexOf("/"+s[i])+s[i]. 
length+1)+"/\"	class="navi"	  >"+s[i]+"</A> / ";

Sollte es nicht gehen schaun wir weiter, den Link kriegen wir schon klein.

Ansonsten machen wir ne Body class und weisen dem ding so die schrift zu.

sprich:

Code: 
.show{
bla bla bla
 
}
 
.show a:link{
bla bla bla
}

und dannnnnnn im html:

Code: 
<body class="show">
 
</body>
 
Hallo,

an diesen Stellen nach dem HREF hab ich das schon eingefügt, aber dann wird gar nichts mehr angezeigt.

Jetzt hab ich das mit so einer body-class versucht. Dann funktioniert es, aber jetzt sind alle anderen Links genauso, obwohl die anders aussehen sollten und ich dafür andere Klassen hatte.

Gruß
Marion

P.S. Ist jetzt zwar ein anderes Thema, aber wenn ich das mit so einer body-class mache, dann werden doch alle Links erst einmal automatisch so formatiert?
Das ganze soll ja später ein Template werden und wenn anstelle der Variablen dann Links eingesetzt werden, dann werden die ja auch so formatiert. Oder kann ich das irgendwie abfangen?
 
Das müsste dann mit der Linkklasse funktionieren..

so habe ich das jedenfalls gelöst...

Code: 
<a href="fotos.html"  class="pageNav2" >Fotografiererei</a>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück