Datum links neben den Beitrag...

microbie

Ich möchte das Datum jeweils links neben den Beitrag setzen.
Ähnlich wie in diesem Blog: TOCA ME blog - a design blog

Wie kann ich das realisieren bzw. in welcher Datei müsste ich dies definieren?
Das Theme an dem ich gerade arbeite ist dieses: WordPress Deutschland Themepool » WorldNews

Und mein Blog ist dieser: CHECK YOUR HEAD
(Ist noch ne ziemlich Baustelle)

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

Monika

das Datum und der Text sind in jeweils eigenen divs, die *floaten*--

und am Ende das Fließen wieder aufheben

microbie

oh ja, das floating.
damit habe ich rumprobiert, aber leider erfolglos.

kannst du mir vielleicht noch einen hinweis geben, in welcher datei ich das versuchen sollte?

microbie

mittlerweile habe ich es mit "float" hinbekommen, aber der text unterhalb der überschrift, spielt nicht so richtig mit. er soll natürlich linksbündig unterhalb der überschrift angeordnet sein, sowie in der ersten zeile.

http://www.webgraphics.at/macnews/float.png

marX

Der Text unterhalb muss clear sein. ;-) Den Abstand links bekommst mit mit margin oder padding hin.

microbie

jo, das macht sinn und funktioniert. hatte ich sogar auch schon versucht. das problem ist nur, dass mir padding oder margin den kompletten block inkl. datum verschiebt.

der folgende code bezieht sich scheinbar auf text und datum. wieso verstehe ich nicht.

Code

#inhalte .post p {
padding-top	: 0px; 
padding-left: 100px;
text-align: justify;
color: #33BB66;
clear: left;
font-size: 0.685em;
}

der gesamte code sieht so aus:

Code

#inhalte h2 {
  font-size			: 0.685em;
  padding-top		: 0px;
  padding-left		: 0px;
  background		: #FFFFFF;
  text-align		: left;
}


#inhalte h2 a {
  font-size			: 1.285em;
font-weight: bold;  
margin			: 0;
  line-height		: 1.0;
  display			: block;
  color				: #EE2266;




}


#inhalte h2 a:hover {
  color				: #444444;
}


#inhalte .post {
 width				: 441px;
  background		: #FFFFFF;
  padding-top		: 100px;
}


#inhalte .post h2 {
  font-size			: 0.685em;
}


#inhalte .post img {
  float				: left;
  margin			: 5px 10px 3px 0;
}


#inhalte .post p {
 padding-top		: 0px; 
 padding-left		: 100px;
  text-align		: justify;
  color				: #33BB66;
clear: left;
  font-size			: 0.685em;


}


#inhalte .postmetadata {
  font-size			: 0.685em;
  padding-top		: 0px; 
  padding-left		: 0px; 
 padding-bottom	: 4px;
  background		: #FFFFFF;
  margin-bottom		: 0;
  border-bottom		: 0px solid #FFFFFF; 	
float: left; 
	width: 100px;
}


#inhalte .mini-post {
  width				: 214px;
  float				: left;
}


#inhalte .mini-post h2 {
  background		: transparent;
}


#inhalte .mini-post .postmetadata {
  font-size			: 0.685em;
  padding-bottom	: 4px;
  margin-bottom		: 0;
  border-bottom		: none;
  background		: transparent;  
}


#inhalte hr.teiler {
  height			: 1px;
  line-height		: 1px;
  font-size			: 1px;
  background		: #FFFFFF;
  clear				: both;
  margin			: 0 10px;
}


#inhalte .trenner {
  height			: 1px;
  line-height		: 1px;
  font-size			: 1px;
  background		: #FFFFFF;
  clear				: both;
}


#inhalte .navigation {
  width				: 441px;
  background		: #FFFFFF;
  border-bottom		: 1px solid #ccc;
  font-size			: 0.8em;
  clear				: left;
}


#inhalte .drgt {				
  float				: left;
  padding			: 2px 10px;
  height			: 17px;
}


#inhalte .dlft {				
  float				: right;
  padding			: 2px 10px;
  height			: 17px;
}

Alles anzeigen

marX

Nimm mal .entry noch mit als Selektor (für den Beitragstext) dazu, dann solltest du zum Ziel kommen.

microbie

YES!!

Tausend Dank!!

marX

Zu irgendwas müssen die ganzen <div>s ja taugen. ;-)

lemur

Zitat von microbie

Das Theme an dem ich gerade arbeite ist dieses: WordPress Deutschland Themepool » WorldNews

Hallo,
enschuldiegen für die outside Frage, aber gibt es eine Anleitung für dieses Thema.
Ich habe es installiert, aber weiß nicht, wie ich 4 Spalten anlegen kann :-(.

Danke.

marX

Wahrscheinlich wirst du hier fündig:
Neues WordPress Theme: BlogPimp-WorldNews | BlogPimp

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Datum links neben den Beitrag...

Jetzt mitmachen!

Benutzer online in diesem Thema