Suche im Forum:
Suchen


Autor Nachricht
Beitrag18.04.2017 um 22:44 (UTC)    
Titel: IceBlue-Tabelle im Footer zu breit & nicht zentriert

Hallo,

ich habe jetzt schon eine Weile rumgetüftelt und komme zu keiner Lösung.
Ich habe im Footer eine Tabelle mit den Social-Media-Buttons von einer Breite 300 px eingefügt, aber trotzdem wird diese viel breiter und nicht zentriert angezeigt.
Warum?

ich möchte es so haben wie hier: http://geschenkeservice-ortmann.de.tl/Testseite.htm

mfG


Zuletzt bearbeitet von geschenkeservice-ortmann am 19.04.2017, 09:14, insgesamt 3-mal bearbeitet
Beitrag20.04.2017 um 11:49 (UTC)    
Titel:

PUSH

keiner da der die Lösung weiss Question Rolling Eyes Sad
Beitrag20.04.2017 um 16:49 (UTC)    
Titel:

Wozu eine Tabelle? Geht ja auch ganz einfach so:
Code:
<div style="text-align: center;">
             <a href="https://www.facebook.com/Geschenkeservice-Ortmann-246089019197456/?ref=aymt_homepage_panel" target="_blank"><img src="//img.webme.com/pic/g/geschenkeservice-ortmann/facebook-rund.png" title="Facebook" alt="Facebook" height="50" width="50"></a>
          <a href="https://plus.google.com/u/0/116615456284945215940" target="_blank"><img src="//img.webme.com/pic/g/geschenkeservice-ortmann/google-plus-rund.png" title="Google Plus" alt="" height="50" width="50"></a>
         <a href="https://www.instagram.com/geschenkeserviceortmann/" target="_blank"><img src="//img.webme.com/pic/g/geschenkeservice-ortmann/instagram-rund.png" title="Instagram" alt="" height="50" width="50"></a>
         <a href="https://de.pinterest.com/geschenkeservic/" target="_blank"><img src="//img.webme.com/pic/g/geschenkeservice-ortmann/pinterest-rund.png" title="Pinterest" alt="" height="50" width="50"></a>
         <a href="https://twitter.com/geschenkeservi1" target="_blank"><img src="//img.webme.com/pic/g/geschenkeservice-ortmann/twitter-rund.png" title="Twitter" alt="" height="50" width="50"></a>
</div>
Beitrag20.04.2017 um 18:42 (UTC)    
Titel:

Embarassed aha, wieder was dazu gelernt

danke vielmals
Beitrag20.04.2017 um 20:22 (UTC)    
Titel:

Moin,

um die ursprüngliche Frage zu beantworten:
Das liegt an einem CSS-Code, der vermutlich zu deinem Design gehört. Der macht Tabellen 630px breit, egal welche Breite man der Tabelle selbst mitgibt (deshalb ist sie zu breit) und gibt ihnen einen Abstand links und rechts (deshalb ist sie nicht mittig).

Entweder du ersetzt deine Tabelle durch den von freefunstuff vorgeschlagenen Code, oder du veränderst deine Tabelle wie folgt:
Füge hinter dem <table ein id="abcxyz" hinzu und lösche das width="300", sodass der Tabellencode so aussieht:
Zitat:
<table id="abcxyz" cellspacing="1" cellpadding="1" border="0" align="left">
<tbody>
<tr>
<td>
<div style="text-align: center;"><a href="https://www.facebook.com/Geschenkeservice-Ortmann-246089019197456/?ref=aymt_homepage_panel"target="_blank"><img src="//img.webme.com/pic/g/geschenkeservice-ortmann/facebook-rund.png" title="Facebook" alt="Facebook" width="50" height="50" /></a></div>
</td>
<td>
<div style="text-align: center;"><a href="https://plus.google.com/u/0/116615456284945215940"target="_blank"><img src="//img.webme.com/pic/g/geschenkeservice-ortmann/google-plus-rund.png" title="Google Plus" alt="" width="50" height="50" /></a></div>
</td>
<td>
<div style="text-align: center;"><a href="https://www.instagram.com/geschenkeserviceortmann/"target="_blank"><img src="//img.webme.com/pic/g/geschenkeservice-ortmann/instagram-rund.png" title="Instagram" alt="" width="50" height="50" /></a></div>
</td>
<td>
<div style="text-align: center;"><a href="https://de.pinterest.com/geschenkeservic/"target="_blank"><img src="//img.webme.com/pic/g/geschenkeservice-ortmann/pinterest-rund.png" title="Pinterest" alt="" width="50" height="50" /></a></div>
</td>
<td>
<div style="text-align: center;"><a href="https://twitter.com/geschenkeservi1"target="_blank"><img src="//img.webme.com/pic/g/geschenkeservice-ortmann/twitter-rund.png" title="Twitter" alt="" width="50" height="50" /></a></div>
</td>
</tr>
</tbody>
</table>

und füge auf der Seite mit der Tabelle folgenden Code hinzu:
Zitat:
<style type="text/css">
#abcxyz {
width: 100% !important;
margin: 0px;
border-radius: 0px;
</style>

Je nachdem, was für dich einfacher ist.

Gruß, TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon


Zuletzt bearbeitet von transint am 20.04.2017, 21:25, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de