Ergebnis 1 bis 4 von 4
Like Tree2Likes
  • 1 Post By mikdoe
  • 1 Post By Choleriker

Thema: Andere Schriftfarbe und dicke eines einzelnen Wortes innerhalb einer Zeile

  1. #1
    Choleriker ist offline Grünschnabel
    registriert
    28-01-2021
    Beiträge
    6

    Andere Schriftfarbe und dicke eines einzelnen Wortes innerhalb einer Zeile

    Hallo zusammen,

    ich habe folgendes Problem:

    Ich möchte im Grunde genommen nur ein einzelnes Wort innerhalb der gleichen Zeile einfärben und fett gedruckt abbilden. Ich bekomme es zwar hin, aber die Formatierung ist danach zerstört. Der Text schmiegt sich dann nicht mehr am oberen Rand an und sitzt plötzlich mittig. Und es entstehen Zeilensprünge, die vorher nicht da waren. Das Ganze ist in JavaScript und CSS gehalten. Ich muss dazu sagen, dass ich auf dem Gebiet blutiger Anfänger bin. Ich denke, ich habe auch viele unnötige, doppelte Zeilen eingebaut, die man hätte vermeiden können.

    Folgendes habe ich getan (Rahmen mit "span" gezogen und in h1 - child 1/2 unterteilt und eben in der .css Datei Einträge dafür eingefügt):

    .js Datei:

    Code:
    <div id="user-info">
          <div><h1><span>{this.props.dataHandler["userData"]["firstname"]} {this.props.dataHandler["userData"]["lastname"]}</span><span> (Admin)</span></h1></div>
          <div><h2><span>Mitarbeiternummer: {this.props.dataHandler["userData"]["userID"]}</span></h2></div>
          <div><a href="/#"onClick={this.logout.bind(this)}><u>Logout</u></a></div>
          </div>
    .css Datei:

    Code:
      
    #user-info {
        color: white;
        width: 15%;
        margin: 0.3vh 0 0 0;
      }
    
    #user-info h1 :nth-child(1) {
        color: white; 
        font-size: 1.5vh;
        font-weight: normal;
        width: 15%;
        margin: 0 0 0 0; 
         
      }
        
    #user-info h1 :nth-child(2) {
        color: red;
        font-size: 1.5vh;
        font-weight: normal;
        width: 15%;
        margin: 0.3vh 0 0 0; 
      }
    
    #user-info h2 {
        color: white;
        font-size: 1.5vh;
        font-weight: normal;
        width: 15%;
        margin: 0.3vh 0 0 0; 
      }
    
    #user-info div{
        font-size: 1.5vh;
      }

  2. #2
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.903

    AW: Andere Schriftfarbe und dicke eines einzelnen Wortes innerhalb einer Zeile

    Moin!

    Zitat Zitat von Choleriker Beitrag anzeigen
    Rahmen mit "span" gezogen
    Ja würde ich auch.

    Zitat Zitat von Choleriker Beitrag anzeigen
    in h1 - child 1/2 unterteilt
    Wozu das?

    Und wo ist denn der JS Code mit dem du das versucht hast?
    Choleriker likes this.
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png

  3. #3
    Choleriker ist offline Grünschnabel
    registriert
    28-01-2021
    Beiträge
    6

    AW: Andere Schriftfarbe und dicke eines einzelnen Wortes innerhalb einer Zeile

    Alles klar, danke für deine Antwort! Habe es nun hinbekommen .
    mikdoe likes this.

  4. #4
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.903

    AW: Andere Schriftfarbe und dicke eines einzelnen Wortes innerhalb einer Zeile

    Und wie sieht die Lösung aus?
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png

Ähnliche Themen

  1. Antworten: 3
    Letzter Beitrag: 06-09-2011, 15:13
  2. Antworten: 3
    Letzter Beitrag: 07-06-2011, 20:45
  3. Auf Schriftfarbe eines Iframes zugreifen
    Von Angelchen im Forum JavaScript
    Antworten: 9
    Letzter Beitrag: 05-02-2009, 13:12
  4. Antworten: 6
    Letzter Beitrag: 15-07-2006, 02:52
  5. Position eines Images innerhalb einer Tabelle ermitteln
    Von flyingAway im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 03-06-2006, 22:24

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •