Textformatierung mit <span>

Dieses Thema Textformatierung mit <span> im Forum "Webentwicklung, Hosting & Programmierung" wurde erstellt von frank_gayer, 9. Okt. 2006.

Thema: Textformatierung mit <span> Hallo, ich habe gelernt, dass die Schriftformatierung mit &lt;font> ja veraltet ist und man heutzutage &lt;span>...

  1. Hallo,

    ich habe gelernt, dass die Schriftformatierung mit &lt;font> ja veraltet ist und man heutzutage &lt;span> verwendet. Ich habe das jetzt auf meinem Entwurf versucht, bin aber nicht zufrieden. Die Links werden nicht mitformatiert ob wohl diese innerhalb des &lt;span> Bereichs liegen. Was mache ich falsch oder ist hier &lt;span> sowieso falsch ?

    Hier Hier der Entwurf
     
  2. span ist schon ganz gut zur Textformatierung, aber warum formatierst Du die Links nicht direkt? &lt;a href=... style=...>hier der Linkname&lt;/a>

    am besten aber eine CSS Klasse erstellen, die kann dann auch von anderen Links benutzt werden:

    a.neuFormat {
    text-decoration: none;
    font-weight: 700;
    }

    und dann im Link nur den Namen angeben
    &lt;a href=... class=neuFormat>hier der Linkname&lt;/a>
     
  3. Hallo,

    ich habe jetzt in meiner zentralen css folgende Formatierung eingegeben:

    Den Verweis auf der Seite so gestaltet: &lt;a href=file:///D:/Frontpage/Neu/USA_2006-2/tour.htm class=linkFormat>

    Aber so geht es nicht. Da fehlt doch noch was, oder ?
     
  4. Ja, schreib es mal so:
    Code:
    .linkFormat a, .linkFormat a:visited{font-size:1em;
           color:#FF0000;
           text-decoration:none;
           font-weight:bold;} 
     
  5. Was bedeutet denn das visited ?
     
  6. Daß der Link auch noch so angezeigt wird wenn er bereits besucht wurde. ;)
     
  7. Ist das dann so richtig ?

     
  8. Nö :-\

    Im Link gibst Du ja den Namen der Klasse an, nennen wir sie mal->link', dann sieht der Link so aus: &lt;a class=link href=...>...&lt;/a>.
    Die Klasse in der css-Datei muß dann ja den im Link genannten Namen haben, also .link ...
    Dann sieht das so aus:
    Code:
    .link a, .link a:visited{...}

    Dann könntest Du noch mit
    Code:
    .link a:hover{...}
    angeben wie der Link aussehen soll wenn man mit der Maus rübergeht.
     
  9. Hallo,

    so, jetzt habe ich das so gemacht und es geht trotzdem nicht alles:

    Den link habe ich wie von Dir beschrieben eingefügt. Klappt trotzdem nicht, siehe hier.

    Die Textgrösse lässt sich aber nicht einstellen bzw. vergrössern. An was kann das liegen ?
     
  10. Code:
    .linkAllgemein, .linkAllgemein:visited {
    	font-size:1.2em;
    	color:#FF0000;
    	text-decoration:none;
    	font-weight:bold;
    }
    .linkAllgemein:hover {
    	color:#000000;
    }
    
    Code:
    &lt;a href=ziel.html class=linkAllgemein>TESTLINK&lt;/a>