wie kann ich das Widget Bild in der Seitenleiste nebeneinander stellen?

• 

  patriziazannini · Mitglied · August 6, 2012 at 5:15 am

  • Link kopieren
  • Thema zu Favoriten hinzufügen

  guten Morgen,

  ich habe wieder mal eine Frage. Und zwar habe ich in der ersten Seitenleiste das Widget Bild, um zu den jeweiligen Shops (amazon, itunes, bücher.de )zu gelangen. Nun habe ich schon drei icons dort, die würde ich gerne nebeneinander stellen, da ich noch 3 weitere dazu stellen möchte, leider bekomme ich das nicht hin. Hier meine Seite: http://malocchioderboeseblick.wordpress.com/

  ich würde mich sehr über eure Hilfe freuen
  patrizia

  Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).

• 

  zodiac1978 · Mitglied · August 6, 2012 at 9:51 am

  • Link kopieren

  Momentan ist das erste Bild links ausgerichtet und die anderen beiden haben keine Ausrichtung. Stelle mal die anderen beiden Bilder um auf center und rechts oder alle auf links (je nachdem wie es am Ende aussehen soll).

  Keine Ausrichtung führt immer zu einem Umbruch der Zeile.

  Gruß, Torsten

• 

  patriziazannini · Mitglied · August 6, 2012 at 10:06 am

  • Link kopieren

  ok, das hab ich jetzt geändert nun hat das erste bild ausrichtung links (wie gehabt) das itunes icon ebenso links und das darunter rechts ausrichtung.
  leider bekomme ich sie so nicht in eine zeile.

  andere Möglichkeit??
  danke dir schon mal

• 

  zodiac1978 · Mitglied · August 6, 2012 at 3:42 pm

  • Link kopieren

  Dann geht das gar nicht mit dem Image-Widget.

  Benutze ein Text-Widget und mache das mit HTML.

  In etwa so:

  <div style="margin: 0 0 40px 0;">
  <a href="http://www.amazon.de/Neobooks-Malocchio-Roman-ebook/dp/B008Q15WRQ/ref=sr_1_1?ie=UTF8&qid=1343732166&sr=8-1"><img src="http://www.nancysalchow.de/pics/amazon-icon02.png" title="MALOCCHIO bei amazon bestellen" class="alignleft" height="19" width="42"></a>
  <a href="http://itunes.apple.com/de/book/neobooks-malocchio/id548853525?mt=11"><img src="http://www.nancysalchow.de/pics/itunes-icon03.png" title="MALOCCHIO bei itunes bestellen" class="alignleft" height="19" width="42"></a>
  <a href="http://www.buecher.de/shop/ebooks-neu/neobooks-malocchio-ebook/patrizia-zannini-holoch/products_products/detail/prod_id/36186878/"><img src="http://www.nancysalchow.de/pics/icon-buecher.png" title="Malocchio bei buecher.de bestellen" class="alignleft" height="16" width="16"></a>
  </div>

  Aber momentan sind die Höhen der Bilder noch unterschiedlich …

  Gruß, Torsten

• 

  patriziazannini · Mitglied · August 6, 2012 at 4:07 pm

  • Link kopieren

  das habe ich nun gemacht, dass es nicht auf einer linie ist, finde ich nicht so schlimm, es kommen auch noch drei weitere dazu (wenn ich das jemals hinbekomme), nur ist mir jetzt der abstand zwischen jetzt bestellen und den icons zu groß. Ich weiß, ich hab dauernd so komische fragen….

  danke dir aber schon mal torsten
  viele grüße
  patrizia

• 

  zodiac1978 · Mitglied · August 6, 2012 at 4:23 pm

  • Link kopieren

  Ändere einfach die 40px in 0, das ist der Abstand.

  Gruß, Torsten

• 

  patriziazannini · Mitglied · August 6, 2012 at 4:30 pm

  • Link kopieren

  oder noch eine Frage (auch nicht besser, als die davor) kann ich die kleinen icons denn neben das Bild (das darüber) stellen?

• 

  patriziazannini · Mitglied · August 6, 2012 at 4:31 pm

  • Link kopieren

  sehe eben erst die antwort
  das mach ich gleich, danke

• 

  patriziazannini · Mitglied · August 6, 2012 at 4:39 pm

  • Link kopieren

  trau mich schon nicht mehr, also jetzt ist der abstand zu knapp nach den icons

• 

  zodiac1978 · Mitglied · August 6, 2012 at 4:50 pm

  • Link kopieren

  Wenn 0 zu wenig ist und 40 zu viel, dann schaffst Du es sicher alleine einen Wert dazwischen zu finden, oder … ;-)

  Gruß, Torsten

• 

  patriziazannini · Mitglied · August 6, 2012 at 5:00 pm

  • Link kopieren

  hatte eh nur 5. ich meinte aber den text drunter, der zu nah an den icons ist

• 

  zodiac1978 · Mitglied · August 6, 2012 at 5:11 pm

  • Link kopieren

  Irgend etwas stimmt da nicht mit den Abständen. Versuche das mal so:
  padding:0 0 30px 0; margin: 0;

  Also den Abstand nach unten per Innenabstand auf 30 Pixel und die Außenabstände auf Null. So sollte es klappen …

  Gruß, Torsten

• 

  patriziazannini · Mitglied · August 6, 2012 at 5:51 pm

  • Link kopieren

  hat geklappt, vielen dank

  nun müssen noch die anderen icons rein, denke aber, dass ich das alleine kann,

  dir noch einen schönen abend
  patrizia

• 

  patriziazannini · Mitglied · August 6, 2012 at 6:25 pm

  • Link kopieren

  noch eine kleine frage, ob man wohl den abstand zwischen den icons auch verändern kann?? dass diese näher beieinander stehen??

• 

  zodiac1978 · Mitglied · August 6, 2012 at 8:39 pm

  • Link kopieren

  Klar, füge einfach bei den Link, also bei dem a href=“… noch ein Style-Attribut ein, welches den Abstand verändert:
  style="margin-right:10px"

  Gruß, Torsten

• 

  patriziazannini · Mitglied · August 7, 2012 at 7:18 am

  • Link kopieren

  jetzt ist das wieder weg, aber alles sieht noch aus wie zuvor, ich denke ich lass das mal lieber.
  vielen dank, wie immer für deine hilfe und noch einen schönen tag
  patrizia

• 

  zodiac1978 · Mitglied · August 7, 2012 at 10:21 am

  • Link kopieren

  Hinter dem Thalia-Bild ist noch kein Link.

  Gruß, Torsten

• 

  patriziazannini · Mitglied · August 7, 2012 at 10:40 am

  • Link kopieren

  danke dir, hinter buch.de war auch noch keiner, hab ich jetzt gemacht

  Lieben Gruß
  patrizia

• 

  iqatrophie · Moderator · August 9, 2012 at 1:52 pm

  • Link kopieren

  Dein letzter Beitrag ist komischerweise in der Spamwarteschlange gelandet. Dort habe ich ihn jetzt rausgefischt und freigeschaltet.

  Da wir zur Zeit immer noch mit einem von Zeit zur Zeit verrückt spielenden Spamfilter hier im Forum kämpfen, hoffe ich, das Problem tritt nicht erneut auf.

  Gruß
  Martin(IQ)