Frage Unterstützung bei sehr einfachen Unter-Seite

[Misanthrop]

Hallo Leute, ich bin dabei eine einfache AKTUELL - Seite zu stricken wo man meine Events verfolgen kann.
Bisher habe ich folgende Seite: mit mehreren Unterseiten wie zum Beispiel:

Bei dieser Unterseite () habe ich mehrere Fragen und Probleme ob man das
so machen kann. Zum einen ob man mit div`s mehrere <p> Absätze struckturieren darf. Siehe bitte den Quellcode:
( )

Wie in meiner Skizze ersichtlich möchte ich ausserdem die gelb Markierten links an den rechten anzeigen lassen.
Weiter unten: der Link soll neben dem Schriftzug Portfolio ..... stehen.
Und der Impressum Link soll etwas weiter weg vom Copyright Hinweis.
Kann mir da jemand einfach Tips dazu geben. Ich hatte schon etwas ausprobierrt das aber nicht funktionierte.
Beispielsweise lässt der <a href...> Tag keine CSS Anweisungen zu! Wieso?

Ich bin mir nicht sicher ob meine jetzige Struktur so richtig ist und ich weiss daher auch nicht ob die Elemente die ich versetzen möchte so richtig positionieren kann.
Ich benötige eure tatkräftige Unterstützung.

Fürs erste.... bis später .... der Misanthrop

 

[Aaron3219]

Klar darf man mit divs mehrere p-Absätze strukturieren.
divs dienen dazu z.B Tabellen, Texte und Grafiken in einen gemeinsamen Bereich zu schließen.
Wenn du der Meinung bist es macht Sinn, dann hast du da sicherlich einen Hintergedanken der es begründet und wenn du meinst, es ist die "sauberste" Lösung, klar kann man das.

Im <a> tag kann man keine CSS-Anweisungen machen???!!!
Aber Hallo kann man das. <a> ist schließlich ein wichtiges Element und ist prinzipiell nichts anderes als <p> nur, dass es halt einen Link beinhalten kann.
Beispiel: <a style="color: red; font-size: 200px;">

So nun zu dem Einrücken deines Textes.
Pfeil nummer 1:
Also hier ist mal ein Bild von dem Bereich von diesem <a> Tag
(<a class="flex-end" href="index.html">zurück zur Hauptseite</a>)
Bild:



In diesem Bereich, kann sich dein <a> Bewegen.
Mein Plan war, es einfach auf text-align: right; zu setzen, aber das würde ja nichts bewirken, da er sich ja nicht bewegen kann.
Folgendes muss gemacht werden, wir erschaffen einen Bereich um diesen Text, welche eine Breite von 100% hat, sodass wir nach links und rechts schieben können.
Das machen wir so:

<div style="width: 100%">
      <a>Hier dein Text</a>
</div>

Bild:

Als letztes setzen wir ALLES, was in diesem <div>-Container ist, auf die Textausrichtung "right".

<div style="width: 100%; text-align: right;">
      <a>Hier dein Text</a>
</div>

Fertig. Jetzt kannst du mit diesem Verfahren auch den untersten Pfeil beheben.


Als nächstes kümmern wir uns um den Link, der neben dem Schriftzug stehen soll.
Das ist dein Aufbau:

<p>Portfolio Tassilo Sturm</p>
<a href="http://showroom.speicher2.de/portfolio/tassilo-sturm/">showroom.speicher2.de/portfolio/tassilo-sturm</a>

Wenn du einen <p> Tag schließt ODER öffnest, dann bewirkst du, dass eine neue Reihe angefangen wird.
Du kannst aber auch <a> Tags in <p> Tags setzen. Die Lösung ist also offensichtlich:

<p>Hier dein Schriftzug <a href="Hier dein Link.de">Text</a></p>

Fertig.


Nun willst du noch, dass das Impressum ein wenig weiter rechts steht.
Das hättest du auch Googlen können.
Ist aber mit dem style-Attribut "margin-left:" erreichbar.
Du kannst den Wert in % als auch in em und px etc. angeben.

Deine Makierung mit dem Bild und der url oben versteh ich nicht.

 

[Misanthrop]

Danke Dir! ich habe es soweit gelöst!