ilch Forum » Allgemein » HTML, PHP, SQL,... » 2.Missgelungener Text in Spalte:Tabelle

Geschlossen
  1. So. 21.04.2013 11:50 Uhr #1
    User Pic
    Noxury Mitglied
    Registriert seit
    15.04.2013
    Beiträge
    19
    Beitragswertungen
    0 Beitragspunkte
    Hey Leute lachen
    Ich habe ein Problem mit meiner Tabelle, ich krieg die Monde irgendwie nicht in der Spalte:
    externer Link
    Rechtsklick, auf Seitenquelltext anzeigen, um den Code zu sehen. Wäre nett, wenn ihr mir helft^^

    MFG Noxury

    betroffene Homepage: externer Link
    Der PC rechnet mit allem, nur nicht mit seinem Benutzer.
    0 Mitglieder finden den Beitrag gut.
  2. So. 21.04.2013 12:06 Uhr #2
    User Pic
    Saarlonz Hall Of Fame
    Registriert seit
    07.08.2008
    Beiträge
    3.003
    Beitragswertungen
    235 Beitragspunkte
    Was normal ist da du die Tabelle schließt und hinterher die Monde in ein <td> setzt.
    0 Mitglieder finden den Beitrag gut.
  3. So. 21.04.2013 12:11 Uhr #3
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    jau genau so ist es

    am besten schaust du dir mal das hier an:
    de.selfhtml.org/html/tabellen/aufbau.htm

    da wird gut erklärt wie man tabellen macht
    0 Mitglieder finden den Beitrag gut.
  4. So. 21.04.2013 19:42 Uhr #4
    User Pic
    Noxury Mitglied
    Registriert seit
    15.04.2013
    Beiträge
    19
    Beitragswertungen
    0 Beitragspunkte
    ja danke habs gefunden. Nur bei meinem Menü werden die Drop-Down-Boxen nicht richtig nach der Größe der Planeten-Box ausgerichtet, sondern nur von ihrer Textlänge. Ich musste etwas beim css falsch gemacht haben
    Seite - noxury.bplaced.net/Universe%20Explorer/HTMLs/Sonnensystem.html
    Style.css - noxury.bplaced.net/Universe%20Explorer/HTMLs/style.css


    Zuletzt modifiziert von Noxury am 21.04.2013 - 19:44:04
    Der PC rechnet mit allem, nur nicht mit seinem Benutzer.
    0 Mitglieder finden den Beitrag gut.
  5. So. 21.04.2013 19:53 Uhr #5
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.638
    Beitragswertungen
    1193 Beitragspunkte
    Gib dem Listenelement <li> eine feste Breite.

    und

    doppelt </style> 
    <style>.fbook{position: absolute; font-color:#ddd; top:-1668px; font-size:10;}</style></style>


    warum zusätzlich href="" in <img> src="" 
    <img src="../Graphics/sonnensystem.jpg" align="right" width="100%" height="300px" href="../Graphics/sonnensystem.jpg"/>


    <th> kommt in <tr> also zB.: <tr><th> TEXT </th></tr> 
    <thead><th></th><th>Sonne</th><th>Monde</th></thead>



    Zuletzt modifiziert von Lord|Schirmer am 21.04.2013 - 19:55:17
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  6. So. 21.04.2013 19:55 Uhr #6
    User Pic
    Wizzard26 Mitglied
    Registriert seit
    05.03.2009
    Beiträge
    259
    Beitragswertungen
    33 Beitragspunkte
    ul li ul li { display:block;}
    0 Mitglieder finden den Beitrag gut.
  7. So. 21.04.2013 20:10 Uhr #7
    User Pic
    Noxury Mitglied
    Registriert seit
    15.04.2013
    Beiträge
    19
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Lord|Schirmer

    Gib dem Listenelement <li> eine feste Breite.

    und

    warum zusätzlich href="" in <img> src="" 
    <img src="../Graphics/sonnensystem.jpg" align="right" width="100%" height="300px" href="../Graphics/sonnensystem.jpg"/>


    1. Welches Listenelement meinst du? muss ich bei li im css width eintragen, oder beim html <li width="x" /> und wenn ja, bei welchem?
    2. Damit wenn man das Bild als Vollbild sehen kann, aber klappt nicht.


    Zuletzt modifiziert von Noxury am 21.04.2013 - 20:11:48
    Der PC rechnet mit allem, nur nicht mit seinem Benutzer.
    0 Mitglieder finden den Beitrag gut.
  8. So. 21.04.2013 20:22 Uhr #8
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.638
    Beitragswertungen
    1193 Beitragspunkte
    Probier den Beitrag von Wizzard26

    Dann ein Link auf das Bild setzen.
    <a href=""><img src="" /></a>
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  9. So. 21.04.2013 20:58 Uhr #9
    User Pic
    Noxury Mitglied
    Registriert seit
    15.04.2013
    Beiträge
    19
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von Lord|Schirmer

    Probier den Beitrag von Wizzard26


    Hatte ich schon als Erstes gemacht. Leider nichts gebracht traurig
    Der PC rechnet mit allem, nur nicht mit seinem Benutzer.
    0 Mitglieder finden den Beitrag gut.
  10. So. 21.04.2013 21:21 Uhr #10
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.638
    Beitragswertungen
    1193 Beitragspunkte
    ul li ul li {width:150px;}
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  11. Mo. 22.04.2013 19:48 Uhr #11
    User Pic
    Noxury Mitglied
    Registriert seit
    15.04.2013
    Beiträge
    19
    Beitragswertungen
    0 Beitragspunkte
    ja es hat geklappt lachen
    jetzt wird aber die zeile in der tabelle nicht richtig ausgerichtet
    noxury.bplaced.net/Universe%20Explorer/HTMLs/Earth.html
    Der PC rechnet mit allem, nur nicht mit seinem Benutzer.
    0 Mitglieder finden den Beitrag gut.
  12. Mo. 22.04.2013 20:03 Uhr #12
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.638
    Beitragswertungen
    1193 Beitragspunkte
    Du hast die Tabellenstruktur noch nicht ganz verstanden.
    Aktuell hast Du ein Link direkt nach <table> 

    <table> // Tabelle
  <tr> // Zeile
    <td> // Zelle
      Inhalt
    </td> // Zelle schließen
  </tr> // Zeile schließen
</table> // Tabelle schließen


    <th> ist eine Kopfzelle und kommt, sofern genutzt, innerhalb der Zeile, wie <td> vor.

    Beispiel: 

    <table>
  <tr>
    <th>Name</th> // Kopfzelle
    <th>Geburtstag</th> // Kopfzelle
  </tr>
  <tr>
    <td>Bernd</td> // Datenzelle
    <td>22.03.1987</td> // Datenzelle
  </tr>
  <tr>
    <td>Susi</td> // Datenzelle
    <td>15.08.1989</td> // Datenzelle
  </tr>
</table>
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  13. Mo. 22.04.2013 22:53 Uhr #13
    User Pic
    Wizzard26 Mitglied
    Registriert seit
    05.03.2009
    Beiträge
    259
    Beitragswertungen
    33 Beitragspunkte
    Als kleine Ergänzung noch zu <th>, nur zum verständniss,
    th bring nur 2 eigenschaften mit, text wird automatisch bold und center.
    Wenn man da flexibler arbeiten will verzichtet man drauf und verwendet classen oder steuert die hirachie direkt an. Dadurch hat man mehr freiheit ohne vorherige formatierungen erst reseten zu müssen.
    0 Mitglieder finden den Beitrag gut.
  14. Di. 23.04.2013 14:06 Uhr #14
    User Pic
    Noxury Mitglied
    Registriert seit
    15.04.2013
    Beiträge
    19
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat

    <table> // Tabelle
    <tr> // Zeile
    <td> // Zelle
    Inhalt
    </td> // Zelle schließen
    </tr> // Zeile schließen
    </table> // Tabelle schließen


    ja aber der Text in der 1. Zeile wird nicht mittig in der Tabelle ausgerichtet. Es soll eine Art überschrift sein, also sollte diese Zeile auch nur eine Spalte beeinhalten. Nur geht dies nicht, da die Zeilen dadrunter 2 Spalten jeweils haben und dadurch wird der Text bis auf die 1 Spalte der folgenden Zeilen ausgerichtet.


    Zuletzt modifiziert von Noxury am 23.04.2013 - 14:07:19
    Der PC rechnet mit allem, nur nicht mit seinem Benutzer.
    0 Mitglieder finden den Beitrag gut.
  15. Mi. 24.04.2013 08:07 Uhr #15
    User Pic
    Wizzard26 Mitglied
    Registriert seit
    05.03.2009
    Beiträge
    259
    Beitragswertungen
    33 Beitragspunkte
    <table>
	<tr>
		<td colspan="2">ÜBERSCHRIFT</td>
	</tr>
	<tr>
		<td>INHALT</td>
		<td>INHALT</td>
	</tr>
</table>


    So würde die Überschrift über 2 spalten gehen und der rest teilt sich auf.
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten