Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Forum löschen, Probleme mit Gründeraccountvon Skouliki Di 9 Apr 2024 - 14:03
» [AwsomeBB] LogIn Farbe Weiß auf weiß
von Skouliki Sa 30 März 2024 - 21:14
» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40
» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54
» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48
» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44
» Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03
» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41
» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38
» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07
» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51
» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50
» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33
» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53
» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52
» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47
» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17
» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt ( 1 )
» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt
( 1 )
» Beitrag von Halbmondfarn in Einstellen der Profilfelder funktioniert nicht
( 1 )
» Beitrag von Eto in Einstellen der Profilfelder funktioniert nicht
( 1 )
» Beitrag von Halbmondfarn in Einstellen der Profilfelder funktioniert nicht
( 1 )
Problem mit Html Tabelle - Platzierung Überschrift + Tooltip für Bild
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1 • Teilen
Problem mit Html Tabelle - Platzierung Überschrift + Tooltip für Bild
Hallo,
ich bin grad eine Html Tabelle für ein Indexmodul am basteln,soweit hab ich das hinbekommen aber nun
habe ich das Problem, dass die Überschrift (1.Platz, 2.Platz usw) der einzelnen Bilder nicht genau über
das jeweilige Bild steht.Wie muss ich das machen bzw. welchen Code muss ich wo einsetzen? Habe
es schon mit
Weiter, wie bekomme ich auf das jeweilige Bild ein Tooltip? Da soll der Name der App drin stehen?
Wenn das als 2. Frage nicht Regelkomform ist dann sorry, würde dann einen 2.Thread auf machen,
ich denke aber das es zusammen gehört weil das ja ein Code ist oder?
Diesen Code habe ich bis jetzt erstellt:
So sieht das dann aus:
ich bin grad eine Html Tabelle für ein Indexmodul am basteln,soweit hab ich das hinbekommen aber nun
habe ich das Problem, dass die Überschrift (1.Platz, 2.Platz usw) der einzelnen Bilder nicht genau über
das jeweilige Bild steht.Wie muss ich das machen bzw. welchen Code muss ich wo einsetzen? Habe
es schon mit
- Code:
<br> und </br>
Weiter, wie bekomme ich auf das jeweilige Bild ein Tooltip? Da soll der Name der App drin stehen?
Wenn das als 2. Frage nicht Regelkomform ist dann sorry, würde dann einen 2.Thread auf machen,
ich denke aber das es zusammen gehört weil das ja ein Code ist oder?
Diesen Code habe ich bis jetzt erstellt:
- Code:
<center>
<br><b>1.Platz 2.Platz 3.Platz 4.Platz 5.Platz</b></br>
<a href="http://www.whatsapp.com/?l=de"><img src="http://i69.servimg.com/u/f69/17/63/79/66/whatsa12.png" border="1" width="50" height="50"></a>
<a href="http://www.viber.com/"><img src="http://i69.servimg.com/u/f69/17/63/79/66/viber-11.png" border="1" width="50" height="50"></a>
<a href="http://www.4bilder1wort.de/android-ios-versions/"><img src="http://i69.servimg.com/u/f69/17/63/79/66/mzl_pl11.png" border="1" width="50" height="50"></a>
<a href="http://zattoo.com/"><img src="http://i69.servimg.com/u/f69/17/63/79/66/zattoo11.png" border="1" width="50" height="50"></a>
<a href="https://itunes.apple.com/de/app/ihandy-wasserwaage-kostenlos/id299852753?mt=8"><img src="http://i69.servimg.com/u/f69/17/63/79/66/40316911.png" border="1" width="50" height="50"></a>
</center>
So sieht das dann aus:
joschi1989- König
- Beiträge : 692
Anmeldedatum : 16.07.12
Re: Problem mit Html Tabelle - Platzierung Überschrift + Tooltip für Bild
Hallo Christian,
wo siehst du in deinem Code eine HTML-Tabelle?
Du hast nur den Text eingesetzt, danach die verlinkten Grafiken und alles zusammen zentriert. Mit einer Tabelle hat er nichts zu tun.
Genau das ist auch die Lösung auf deine Frage: Du musst diesen Code tatsächlich in eine Tabelle umwandeln, damit der Text jeweils über der passenden Grafik zentriert angezeigt wird. Lies dich am besten dort ein:
http://de.selfhtml.org/html/tabellen/
Du solltest auch besonders das Zellenattribut "align" beachten, das es dir dann ermöglicht, die einzelnen Zellinhalte zentriert auszurichten.
Das Ergebnis müsste dann in Tabellenform so aussehen:
Wie du Grafiken einen Tooltip hinzufügen kannst (title-Attribut), wird dort erklärt:
http://de.selfhtml.org/html/grafiken/einbinden.htm#referenz
Liebe Grüße
Günther
wo siehst du in deinem Code eine HTML-Tabelle?
Du hast nur den Text eingesetzt, danach die verlinkten Grafiken und alles zusammen zentriert. Mit einer Tabelle hat er nichts zu tun.
Genau das ist auch die Lösung auf deine Frage: Du musst diesen Code tatsächlich in eine Tabelle umwandeln, damit der Text jeweils über der passenden Grafik zentriert angezeigt wird. Lies dich am besten dort ein:
http://de.selfhtml.org/html/tabellen/
Du solltest auch besonders das Zellenattribut "align" beachten, das es dir dann ermöglicht, die einzelnen Zellinhalte zentriert auszurichten.
Das Ergebnis müsste dann in Tabellenform so aussehen:
1. Platz | 2. Platz | 3. Platz | ... |
BILD 1 | BILD 2 | BILD 3 | ... |
http://de.selfhtml.org/html/grafiken/einbinden.htm#referenz
Liebe Grüße
Günther
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: Problem mit Html Tabelle - Platzierung Überschrift + Tooltip für Bild
Stimmt Gümther hast recht das war ja garkeine HTML Tabelle, hatte vorher was drüber gelesen, daher habe
ich mich vertan.
Ich habe jetzt eine Tabelle erstellt, hat bestens geklappt....Danke:
Schau Dir bitte mal den Code an, ist da alles richtig? Angezeigt wird das richtig.
Wie bekomme ich denn da jetzt noch zu jeder Grafik ein Tooltip drauf?
ich mich vertan.
Ich habe jetzt eine Tabelle erstellt, hat bestens geklappt....Danke:
Schau Dir bitte mal den Code an, ist da alles richtig? Angezeigt wird das richtig.
- Code:
<table border="0" width="100%">
<tr>
<td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>1.Platz</strong></div> </td><td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>2.Platz</strong></div> </td><td align="left"><div style="margin:auto;text-align:center;width:100%"> <strong>3.Platz</strong></div><td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>4.Platz</strong></div><td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>5.Platz</strong></div> </td>
</tr><tr>
<td align="left"><div style="margin:auto;text-align:center;width:100%">
<a href="http://www.whatsapp.com/?l=de"><img src="http://i69.servimg.com/u/f69/17/63/79/66/whatsa12.png" border="0" width="50" height="50"></a> </div>
</td><td align="left"><div style="margin:auto;text-align:center;width:100%">
<a href="http://www.viber.com/"><img src="http://i69.servimg.com/u/f69/17/63/79/66/viber-11.png" border="0" width="50" height="50"></a>
</div>
</td><td align="left"><div style="margin:auto;text-align:center;width:100%">
<a href="http://www.4bilder1wort.de/android-ios-versions/"><img src="http://i69.servimg.com/u/f69/17/63/79/66/mzl_pl11.png" border="0" width="50" height="50"></a>
</div>
</td><td align="left"><div style="margin:auto;text-align:center;width:100%">
<a href="http://zattoo.com/"><img src="http://i69.servimg.com/u/f69/17/63/79/66/zattoo11.png" border="0" width="50" height="50"></a>
</div>
</td><td align="left"><div style="margin:auto;text-align:center;width:100%">
<a href="https://itunes.apple.com/de/app/ihandy-wasserwaage-kostenlos/id299852753?mt=8"><img src="http://i69.servimg.com/u/f69/17/63/79/66/40316911.png" border="0" width="50" height="50"></a>
</div>
</td>
</tr>
</table>
Wie bekomme ich denn da jetzt noch zu jeder Grafik ein Tooltip drauf?
joschi1989- König
- Beiträge : 692
Anmeldedatum : 16.07.12
Re: Problem mit Html Tabelle - Platzierung Überschrift + Tooltip für Bild
Bitte, Christian.
Der Code ist nun prinzipiell in Ordnung, aber einige überflüssige Stellen sind enthalten, und zwar innerhalb jeder einzelnen Zelle die div-Tags:
http://de.selfhtml.org/html/tabellen/gestaltung.htm#ausrichtung_zellen
Der Code ist nun prinzipiell in Ordnung, aber einige überflüssige Stellen sind enthalten, und zwar innerhalb jeder einzelnen Zelle die div-Tags:
- Code:
<div style="margin:auto;text-align:center;width:100%"> ... </div>
Du hast die einzelnen Zellen jeweils mit align="left" ausgerichtet, aber für deinen Zweck ist left nicht der richtige Wert:Günther schrieb:Du solltest auch besonders das Zellenattribut "align" beachten, das es dir dann ermöglicht, die einzelnen Zellinhalte zentriert auszurichten.
http://de.selfhtml.org/html/tabellen/gestaltung.htm#ausrichtung_zellen
joschi1989 schrieb:Wie bekomme ich denn da jetzt noch zu jeder Grafik ein Tooltip drauf?
Günther schrieb:Wie du Grafiken einen Tooltip hinzufügen kannst (title-Attribut), wird dort erklärt:
http://de.selfhtml.org/html/grafiken/einbinden.htm#referenz
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: Problem mit Html Tabelle - Platzierung Überschrift + Tooltip für Bild
Vertsehe ich nicht das ist überflüssig?
Oder bis wohin muss die Zeile weg?
Allles andere bekomme ich hin
- Code:
div style="margin:auto;text-align:center;width:100%">
Oder bis wohin muss die Zeile weg?
Allles andere bekomme ich hin
joschi1989- König
- Beiträge : 692
Anmeldedatum : 16.07.12
Re: Problem mit Html Tabelle - Platzierung Überschrift + Tooltip für Bild
Ja, es ist immer wieder dieser Bereich (diese beiden zusammengehörenden Tags) überflüssig und kann entfernt werden:
Dann sind deine Fragen geklärt?
- Code:
<div style="margin:auto;text-align:center;width:100%"> ... </div>
Dann sind deine Fragen geklärt?
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: Problem mit Html Tabelle - Platzierung Überschrift + Tooltip für Bild
... </div> Das finde ich nicht in der Zeile
joschi1989- König
- Beiträge : 692
Anmeldedatum : 16.07.12
Re: Problem mit Html Tabelle - Platzierung Überschrift + Tooltip für Bild
<table border="0" width="100%">
<tr>
<td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>1.Platz</strong></div> </td><td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>2.Platz</strong></div> </td><td align="left"><div style="margin:auto;text-align:center;width:100%"> <strong>3.Platz</strong></div><td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>4.Platz</strong></div><td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>5.Platz</strong></div> </td>
</tr><tr>
<td align="left"><div style="margin:auto;text-align:center;width:100%">
<a href="http://www.whatsapp.com/?l=de"><img src="https://i.servimg.com/u/f69/17/63/79/66/whatsa12.png" border="0" width="50" height="50"></a> </div>
</td><td align="left"><div style="margin:auto;text-align:center;width:100%">
<a href="http://www.viber.com/"><img src="https://i.servimg.com/u/f69/17/63/79/66/viber-11.png" border="0" width="50" height="50"></a>
</div>
</td><td align="left"><div style="margin:auto;text-align:center;width:100%">
<a href="http://www.4bilder1wort.de/android-ios-versions/"><img src="https://i.servimg.com/u/f69/17/63/79/66/mzl_pl11.png" border="0" width="50" height="50"></a>
</div>
</td><td align="left"><div style="margin:auto;text-align:center;width:100%">
<a href="http://zattoo.com/"><img src="https://i.servimg.com/u/f69/17/63/79/66/zattoo11.png" border="0" width="50" height="50"></a>
</div>
</td><td align="left"><div style="margin:auto;text-align:center;width:100%">
<a href="https://itunes.apple.com/de/app/ihandy-wasserwaage-kostenlos/id299852753?mt=8"><img src="https://i.servimg.com/u/f69/17/63/79/66/40316911.png" border="0" width="50" height="50"></a>
</div>
</td>
</tr>
</table>
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: Problem mit Html Tabelle - Platzierung Überschrift + Tooltip für Bild
Super jetzt habe ich es Danke Günther
Den Rest krieg ich hin
Gute Nacht
Den Rest krieg ich hin
Gute Nacht
joschi1989- König
- Beiträge : 692
Anmeldedatum : 16.07.12
Re: Problem mit Html Tabelle - Platzierung Überschrift + Tooltip für Bild
Wunderbar, bitteschön.
Ebenfalls eine gute Nacht, Christian.
-closed-
Edit: Auf Wunsch wieder geöffnet.
Ebenfalls eine gute Nacht, Christian.
-closed-
Edit: Auf Wunsch wieder geöffnet.
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
joschi1989- König
- Beiträge : 692
Anmeldedatum : 16.07.12
Re: Problem mit Html Tabelle - Platzierung Überschrift + Tooltip für Bild
Das kommt daher, dass dein Forum eine variable Rahmenbreite besitzt.
Auch die Breite der Portalspalten ist prozentual festgelegt, was aber bei einer variablen Rahmenbreite auch so belassen werden sollte. Ein Umstieg auf fixe Pixelwerte ist in diesem Fall nicht sinnvoll.
Deshalb ist klar, dass bei einer geringeren Bildschirmauflösung auch weniger Platz in diesem Modul zur Verfügung steht. Da Tabellen nicht automatisch umgebrochen werden, stehen dir nun drei Möglichkeiten offen:
Auch die Breite der Portalspalten ist prozentual festgelegt, was aber bei einer variablen Rahmenbreite auch so belassen werden sollte. Ein Umstieg auf fixe Pixelwerte ist in diesem Fall nicht sinnvoll.
Deshalb ist klar, dass bei einer geringeren Bildschirmauflösung auch weniger Platz in diesem Modul zur Verfügung steht. Da Tabellen nicht automatisch umgebrochen werden, stehen dir nun drei Möglichkeiten offen:
- am einfachsten: Du verschiebst dieses Modul vom Portal zu den Indexmodulen. Diese sind, unabhängig von der jeweiligen Auflösung, immer gleich breit. Danach gestaltest du die Tabelle so um, dass nur mehr so viele Spalten angezeigt werden, wie es mit der Breite der Indexmodule in Einklang steht, und erstellst dafür mehr Zeilen.
- Du verschiebst das Portalmodul dort in die mittlere Spalte, wo unter jeder Auflösung ausreichend Platz zur Verfügung steht.
- Du gestaltest die Tabelle von vorne herein so um, dass sie nur drei Spalten und dafür mehr Zeilen besitzt. Dann sollte sie auch bei geringen Auflösungen noch korrekt dargestellt werden.
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: Problem mit Html Tabelle - Platzierung Überschrift + Tooltip für Bild
Ok, hab verstanden.
Da ich mehrere solcher Tabellen machen will, bietet sich das ja an, dass
ich diese Tabelle in der Mitte platziere wo nachher dann mehrere Tabellen stehen. Dort ist ja wie du sagst genug Platz.
Danke Günther, das war´s schon. Dann kann hier auch wieder zu.
LG
Christian
Da ich mehrere solcher Tabellen machen will, bietet sich das ja an, dass
ich diese Tabelle in der Mitte platziere wo nachher dann mehrere Tabellen stehen. Dort ist ja wie du sagst genug Platz.
Danke Günther, das war´s schon. Dann kann hier auch wieder zu.
LG
Christian
joschi1989- König
- Beiträge : 692
Anmeldedatum : 16.07.12
Re: Problem mit Html Tabelle - Platzierung Überschrift + Tooltip für Bild
Gerne und noch einen schönen Restabend, Christian.
-closed-
-closed-
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Ähnliche Themen
» Die Grafik in der Überschrift einer Tabelle
» [phpBB2] Tooltip Problem
» Tooltip/Mouseover Problem in eurem Forum!
» bild neben überschrift
» Frage zu Bild in einer Überschrift
» [phpBB2] Tooltip Problem
» Tooltip/Mouseover Problem in eurem Forum!
» bild neben überschrift
» Frage zu Bild in einer Überschrift
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten