Seite 1 von 1

Frage zu Buttons

Verfasst: Do 25. Aug 2016, 13:20
von 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

Bild

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

Danke schonmal im Vorraus...

Die Ulli

Re: Frage zu Buttons

Verfasst: Do 25. Aug 2016, 14:09
von Jasko
Am leichtesten geht das wenn du die Bilder in eine Tabelle machst.

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

Re: Frage zu Buttons

Verfasst: Do 25. Aug 2016, 14:57
von 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???

Bild

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>

Re: Frage zu Buttons

Verfasst: Do 25. Aug 2016, 15:28
von 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.

Re: Frage zu Buttons

Verfasst: Do 25. Aug 2016, 17:02
von ulli
Boah das krieg ich nie hin.....

Re: Frage zu Buttons

Verfasst: Fr 26. Aug 2016, 08:11
von 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

Bild

Re: Frage zu Buttons

Verfasst: Fr 26. Aug 2016, 08:55
von ulli
Danke schön, momentan geht das Forum sehr langsam...versuche es aber sofort wenn es wieder besser geht

LG die Ulli

Re: Frage zu Buttons

Verfasst: Fr 26. Aug 2016, 10:26
von 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