mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 15:26 Benutzername: Passwort: Auto-Login

Thema: Suche Idee zur Ausrichtung vom 30.05.2009

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Suche Idee zur Ausrichtung
Autor Nachricht
Townboy
Threadersteller

Dabei seit: 07.10.2008
Ort: Kelkheim
Alter: -
Geschlecht: Männlich
Verfasst Sa 30.05.2009 11:04
Titel

Suche Idee zur Ausrichtung

Antworten mit Zitat Zum Seitenanfang

Hallo Zusammen,

ich bräuchte mal "schnell" *zwinker* eine Idee.... Ich bastel gerade an einer Toolbox im Iconstil. Link: hier

Im Headline Text oben rechts die Icons. Es soll wie folgt aufgebaut werden:

Überschrift - Datum - Iconset

Natürlich ausgerichtet. Irgendwo habe ich jedoch was übersehen. Ich schaffe es nicht das Datum in eine Box zu bringen die eine Höhe von 20px hat und an der Oberlinie mit dem Iconset zentriert ist.

Ich bräuchte mal nen alternativen Vorschlag, wie ich das noch lösen könnte.

Hier mein Code:

CSS
Code:
.toolbox {
   width: 300px;
   float: right;
   margin-left: auto;
   margin-right: 10px;
   margin-top: 10px;
   border: solid 1px #FF0000;
   line-height: 25px;
}
.toolbox ul {
   list-style-type: none;
}
.toolbox li {
   list-style-type: none;
   display: inline;
   margin-right: 10px;
}
.time {
   height: 14px;
   border: 1px solid #000000;
   padding: 3px;
   margin-top: -5px;

}


Code:
            <div class="toolbox">
                  <ul>
                          <li class="time"><?php the_time('j M Y') ?></li>
                          <li><img src="<?php bloginfo('stylesheet_directory');?>/images/icons/Person.jpg" alt="Autor <?php the_author(); ?>" width="20" height="20" border="0"></li>
                          <li><img src="<?php bloginfo('stylesheet_directory');?>/images/icons/sprechblase.jpg" alt="Kommentare" width="20" height="20" border="0">
                          <?php comments_popup_link('0', '1', '%');?>
                          </li>
                          <li><img src="<?php bloginfo('stylesheet_directory');?>/images/icons/Favor.jpg" alt="Artikel zu den Favoriten" width="20" height="20" border="0"></li>
                          <li><img src="<?php bloginfo('stylesheet_directory');?>/images/icons/email.jpg" alt="Artikel per Email versenden" width="20" height="20" border="0"></li>
                          <li><img src="<?php bloginfo('stylesheet_directory');?>/images/icons/drucker.jpg" alt="Artikel drucken" width="20" height="20" border="0"></li>
                          <li><img src="<?php bloginfo('stylesheet_directory');?>/images/icons/pdf.jpg" alt="Artikel als PDF generieren" width="20" height="20" border="0"></li>
                  </ul>
            </div>


Viele Grüße
Mike
  View user's profile Private Nachricht senden
Ähnliche Themen CSS-Ausrichtung?
CSS Float und Ausrichtung
Ausrichtung von swf dateien
Browserunabhängige Ausrichtung von DIV`s
[CSS] Ausrichtung in Container!?
Navigationsleiste-Ausrichtung
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.