Ergebnis 1 bis 9 von 9

Thema: HTML/CSS-Titel meiner Website

  1. #1
    HTML Newbie
    Registriert seit
    22.01.2016
    Beiträge
    5
    Danke
    4
    Bekam 0 mal "Danke" in 0 Postings

    Standard HTML/CSS-Titel meiner Website

    Hallo Leute

    Ich bin neu hier im Forum und begrüsse euch erst mal herzlich von meiner Seite. Habe kürzlich das Interesse an HTML und CSS gefunden und darum hier gelandet.


    Ich arbeite aktuell mit HTML und CSS im Notepad++

    Zu meinem Problem;

    Ich möchte gerne eine eigene Website erstellen und hänge beim Titel fest. Mein Haupttitel besteht aus meinem Namen und "photography". Mein Name und photography besteht aus zwei einzelne Wörter da ich für Namen und photography je einen anderen Schriftzug gewählt habe. Nun möchte ich gerne dass "photography" direkt unter meinem Namen steht. Prinzipiell klappt es. Aber ich habe immer einen riesen Abstand zwischen den Wörter. Egal was ich versuche, es scheint nicht das richtige zu sein.

    Ich hoffe es ist verständlich erklärt.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in)
    Registriert seit
    24.02.2007
    Beiträge
    460
    Danke
    0
    Bekam 47 mal "Danke" in 47 Postings

    Standard AW: HTML/CSS-Titel meiner Website

    Versuch es mal so.
    <h1>Mein Name<span style="display:block;">photography</span></h1>
    Sollten die Abstände zu groß ein, dann passe die Außen- und Innenabstäde an(margin,padding)-

  3. Folgende User finden die Antwort von djheke gut:


  4. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    22.01.2016
    Beiträge
    5
    Danke
    4
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML/CSS-Titel meiner Website

    Danke für die schnelle Antwort. Sie sind jetzt schön untereinander. Aber wie kann ich jetzt noch einen zweiten Schriftzug einfügen bei photography?

    - - - Aktualisiert - - -

    Ich weiss nicht ob das wirklich korrekt ist aber habe einfach ausprobiert und mein Ergebnis habe ich nun wie folgt erreicht.


    LÖSUNG. Ob es richtig ist keine ahnung. Es funktioniert aber

    in HTML:

    <div class="header">
    <span class="header1">Mein Name</span>
    </div>
    <div class="header2">
    <span class="header3">photography</span>
    </div>


    und in CSS:

    .header {
    color:white;
    }
    .header2 {
    color:white;
    }
    .header .header1 {
    font-family:Century Gothic;
    font-size: 60px;
    font-weight:normal;
    color:white;
    padding:60px 60px 60px 0px;
    }
    .header2 .header3 {
    font-family:Pristina;
    font-size: 30px;
    font-weight:normal;
    color:white;
    padding:30px 30px 30px 0px;
    }
    Geändert von giornico (22.01.2016 um 17:42 Uhr)

  5. #4
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.234
    Danke
    21
    Bekam 120 mal "Danke" in 119 Postings

    Standard AW: HTML/CSS-Titel meiner Website

    Überschriften würde ich in H lassen:
    HTML-Code:
    <h1>Mein Name<span class="subheader">photography</span></h1>
    Mehr brauchst Du nicht. Alles andere machst Du ja bereits sinniger Weise in CSS. Darin stylest Du einfach Dein H1 und H1 > SPAN.subheader, das war's schon.

    Inline-CSS ist meist keine gute Lösung...

  6. Folgende User finden die Antwort von Arne Drews gut:


  7. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    22.01.2016
    Beiträge
    5
    Danke
    4
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML/CSS-Titel meiner Website

    Aber wie kann ich mit diesem HTML-Befehl zwei verschiedene Schriftzüge zuweisen für Mein Name und photographer inkl. grösse, farbe usw. anpassen?

  8. #6
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.234
    Danke
    21
    Bekam 120 mal "Danke" in 119 Postings

    Standard AW: HTML/CSS-Titel meiner Website

    Code:
    H1 { font-family:'Century Gothic'; usw. ... }
    H1 > SPAN.subheader { font-family:Pristina; usw. ... }


    btw.: HTML-Befehle gibt es nicht, das sind HTML-Tags...

  9. Folgende User finden die Antwort von Arne Drews gut:


  10. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    22.01.2016
    Beiträge
    5
    Danke
    4
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML/CSS-Titel meiner Website

    Soweit funktioniert es mit deinem "TAG" . Aber ich kriege das photography nicht unter meinen Namen. photography steht einfach rechts neben meinem Namen mit meiner gewählten Schrift, farbe, grösse usw. Es muss jetzt nur noch runter dann ist es Perfekt.

  11. #8
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.234
    Danke
    21
    Bekam 120 mal "Danke" in 119 Postings

    Standard AW: HTML/CSS-Titel meiner Website

    Das wurde Dir schon in #2 angedeutet, setz im CSS für den SPAN den display:
    Code:
    display:block;

  12. Folgende User finden die Antwort von Arne Drews gut:


  13. #9
    HTML Newbie
    Themenstarter

    Registriert seit
    22.01.2016
    Beiträge
    5
    Danke
    4
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: HTML/CSS-Titel meiner Website

    Perfekt, hat geklappt. Danke euch allen! Ich habe viel zuweit gesucht und rum probiert

    Und bitte ein wenig Nachsicht. Ich bin erst seit 3 Tagen in dieser Welt

Ähnliche Themen

  1. Frage bezüglich meiner Website
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 06.03.2013, 17:07
  2. Bearbeiten meiner Website, öffentliches CMS
    Von DerDownhiller im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 07.12.2012, 01:26
  3. Aufteilung meiner Website
    Von Tikonteroga im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 28.12.2006, 14:51
  4. Von Suchergebnisse auf Startseite meiner Website
    Von aussie im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 22.12.2006, 23:45
  5. Weiße Blöcke in meiner Website
    Von Pascal im Forum HTML & CSS Forum
    Antworten: 11
    Letzter Beitrag: 15.06.2006, 14:15

Stichworte

Berechtigungen

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