Frage zu Buttons

[ulli]

Huhu ich habe mal wieder eine Frage, wahrscheinlich stell ich mich nur zu doof an. Ich möchte gerne im Forum meine Votingliste anders anordnen. Die meisten Buttons sind ja klein und handlich...bis auf einer. Nun ist es so...ich würde gerne die kleinen in mehreren Reihen aufteilen und der große am Rand, nur wie geht das??? Ich hänge mal ein Bild an...ich befürchte nämlich wenn noch mehr dazu kommen kann ich mein Forum seitlich anbauen..lach



Wahrscheinlich ist es ganz einfach nur das Liebe Ullikind ist zu blöde...

Danke schonmal im Vorraus...

Die Ulli

[Jasko]

Am leichtesten geht das wenn du die Bilder in eine Tabelle machst.

http://www.w3schools.com/html/html_tables.asp

[ulli]

so habe nun versucht zu basteln...sieht komisch aus. Wie bekomme ich die obere Reihe tiefer und das große rechts etwas höher???

Code: Alles auswählen

                                                     <table style="width:10%">
<tr>

    <tr>
    <td><a href="http://homepagehelfer.net/topliste/"><img src="http://homepagehelfer.net/topliste/button.php?u=Ulli" alt="HomepageHelfer Topliste" border="0" /></a></td>
    <td><a target="_blank" href="http://www.forenvz.eu/in.php?id=1129"><img src="http://www.forenvz.eu/pix/klicks.png" border="0" width="80" height="15"></a></td>
    <td><a href="http://www.forenlist.de"><img src="http://www.forenlist.de/images/buttons/micro4.gif" alt="forenlist.de Deine moderierte Forenliste" style="border:0" /></a></td>
  </tr>
  <tr>
    <td><a href="http://www.eu-toplist.de/" target="_blank"><img src="http://www.eu-toplist.de/button.php?u=Ulli" alt="Eu-Toplist - Die allgemein Topliste für alle Seiten" title="Eu-Toplist - Die allgemein Topliste für alle Seiten" border="0" width="88" height="31" /></a></td>
    <td><a href="http://www.forumshow.de" target="_blank" title="Forumverzeichnis"><img src="http://www.forumshow.de/images/ForumShow_88.gif" alt="ForumShow" width="88" height="31" border="0"></a></td>
    <td><a href="http://werbeportal.de.to" target="_blank"><img src="http://file1.npage.de/001972/06/bilder/werbeportalbanner1_88x31.png" alt="Werbeportal" title="Werbeportal" height="31" width="88" border="1" /></a></td>
    <td><a href="http://www5.topsites24.de/ts/ts.cgi?klick=245&tl=Stiegi" target="_blank"><img src="http://www.stiegi.net/bilder/056hl.gif" alt="Unsere Topliste" border="0"></a></td>
<style>
img{border: 0px;}
a img{border: 0px;outline:0; -moz-outline:0;}
.overlay {width:640px;display:none;background-image:url(http://foren-toplist.de/img/overlay/white_big.png);padding:35px;font-size:13px;text-align:left;}
.overlay .close {	background-image:url(http://foren-toplist.de/img/overlay/close.png);position:absolute;right:5px;top:5px;cursor:pointer;height:35px;width:35px;}
.overlay_dark {background-image:url(http://foren-toplist.de/img/overlay/transparent.png);color:#efefef;height:680px;}
.voting_overlay{width:620px;padding:30px;display:none;}
div.votingOverlay{height:680px;overflow:hidden;}
</style>
<script language="JavaScript1.2" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script language="JavaScript1.2" type="text/javascript" src="http://foren-toplist.de/js/toolbox.expose.min.js"></script>
<script language="JavaScript1.2" type="text/javascript" src="http://foren-toplist.de/js/overlay.min.js"></script>
<script language="JavaScript1.2" type="text/javascript" src="http://foren-toplist.de/js/aoverlay.min.js"></script>
<script language="JavaScript1.2" type="text/javascript" src="http://foren-toplist.de/voting/scripts.min.js"></script>
<script>$(document).ready(function() {init_jquery()});</script>
<div class="overlay voting_overlay" id="overlayVotingID"><div class="votingOverlay"></div></div>
<td><a href="http://foren-toplist.de/vote/ulli.php" rel="#overlayVotingID" class="voting_open" target="_blank"><img src="http://foren-toplist.de/voting/06/image.php?id=ulli" border="0" /></a></td></table>

[Jasko]

Eine Möglichkeit wäre das große Banner einfach aus der Tabelle zu nehmen und es hinter der Tabelle einzufühgen, damit kommen die beiden Reihen enger zusammen.

Eine andere Möglichkeit ist es eine Zelle der Tabelle über mehrere Zellen zu spannen, das geht vertikal und auch horizontal

und in diese Zelle die über die gesamte Höhe der Tabelle geht kannst dan das große Bild rein stellen. Und mit dem valign Attribut kannst die Position der Bilder bestimmen.

[ulli]

Boah das krieg ich nie hin.....

[moni]

Guten Morgen Ulli .. es ist ganz einfach ..versuche es damit

Code: Alles auswählen

<table >

  <tr>
    <td>Hier kleinen Button </td>
     <td>Hier kleinen Button </td>
       <td>Hier kleinen Button </td>
     <td>Hier kleinen Button </td>
    <td rowspan="2">Hier kommt  ein Großen  Button </td>
  </tr>
  <tr>
      <td>Hier kleinen Button </td>
     <td>Hier kleinen Button </td>
       <td>Hier kleinen Button </td>
     <td>Hier kleinen Button </td>
  </tr>
</table>

so sieht das dann

[ulli]

Danke schön, momentan geht das Forum sehr langsam...versuche es aber sofort wenn es wieder besser geht

LG die Ulli

[ulli]

Es hat geklappt und ich konnte sogar einen kleinen Button für das Riesen Dings da kriegen. Leider hatte ein Script das Forum ausgebremst daher ging nichts mehr. Nun ist alles okay und die Buttons stehen perfekt... DANKEEEE