Problem mit Farbanpassung / id zuordnung css

Muckel

Guten Abend zusammen,

bei dem Layout welches ich entwickel, möchte ich gerne, dass die Überschrift der Beiträge Schwarz ist und das der Absatz (p) darunter rechtszentriert ist. So sieht der Teil der index aus:

PHP

<div id="titel-<?php the_ID(); ?>">
                <h1><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php printf(__('Permanent Link to %s', 'kubrick'), the_title_attribute('echo=0')); ?>"><?php the_title(); ?></a></h1>
                <p id="unterschrift-<?php the_ID(); ?>"><?php the_time(__('F jS, Y', 'kubrick')) ?>  von <?php the_author() ?> </p></div>

und so der css Teil:

Code

#titel {
  margin:0;
  padding:5px;
  text-align:center;
  color:#000000;
}
#titel h1  {font-size:2.4em; text-align:center; text-decoration:underline; color:#000000;}
#titel a:link{color:#000000; text-decoration:underline;}
#titel a:visited{color:#000000; text-decoration:underline;}
#titel a:hover{color:#000000; text-decoration:underline;}
#titel a:active{color:#000000; text-decoration:underline;}

Alles anzeigen

Kann euch leider keinen link geben, da ich hier im Internat kein ftp/sftp habe. Gruß und Danke
Muckel

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

Ich bin auch nicht der größte CSS Künstler .... aber versuch es mal hiermit:

Code

#titel h1 a:link, #titel h1 a:visited, #titel h1 a:hover, #titel h1 a:active {
color:#000000; 
text-decoration:underline;
}


#title #unterschrift p {
text-align:right;
float: right;
}

Muckel

Brachte komischerweise auch keinen Erfolg. Liegt es vielleicht daran, das an die div id die id des Beitrags dran gehangen wird? (also dies id="titelt-Nr" [Nr=die Nummer]).

Gruß und Danke
Muckel

maxe

dann versuche es so:

Code

h1, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
color:#000000; 
text-decoration:underline;
}


#unterschrift p {
text-align:right;
float: right;
}

Wäre dann allerdings für alle h1 Überschriften.

Muckel

Das float:right bringt ja in diesem Fall nichts, da ja nicht das Element p sondern nur den Text rechts anordnen will. Aber irgendwie wird das nicht übernommen.

Zu den Überschriften: Global ändern möchte ich es nicht. Denn es soll ja nur in diesem Fall so sein.

Gruß Muckel

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Problem mit Farbanpassung / id zuordnung css

Jetzt mitmachen!