Frage zu Buttons

Allgemeine Fragen zu hPage

Moderator: HTML-Laie

Antworten
Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1446
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:

Frage zu Buttons

Beitrag 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
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3277
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Frage zu Buttons

Beitrag von Jasko »

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

http://www.w3schools.com/html/html_tables.asp
Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1446
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:

Re: Frage zu Buttons

Beitrag 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>
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3277
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Frage zu Buttons

Beitrag 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.
Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1446
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:

Re: Frage zu Buttons

Beitrag von ulli »

Boah das krieg ich nie hin.....
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8335
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken
Kontaktdaten:

Re: Frage zu Buttons

Beitrag 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
Viele Grüße ...Monika
Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1446
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:

Re: Frage zu Buttons

Beitrag von ulli »

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

LG die Ulli
Benutzeravatar
ulli
Webmaster Alt Meister
Webmaster Alt Meister
Beiträge: 1446
Registriert: Do 14. Okt 2010, 16:10
Mein Vorname: Ulli
Wohnort: zu Hause
Kontaktdaten:

Re: Frage zu Buttons

Beitrag 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
Antworten

Zurück zu „hPage - Allgemein“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 19 Gäste