Forum zum WebKicks.De Chatsystem Foren-Übersicht Forum zum WebKicks.De Chatsystem
Support-Forum zum WebKicks-Chatsystem
 
 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Dieses Forum dient als Archiv, es können keine neuen Beiträge eröffnet werden.

Hier geht es zum neuen Webkicks Forum
.

2 Tabellen Übereinander

 
Neues Thema eröffnen   Neue Antwort erstellen    Forum zum WebKicks.De Chatsystem Foren-Übersicht -> Sonstiges
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
schaggy07


Verwarnung

Anmeldedatum: 22.11.2007
Beiträge: 258
Wohnort: Eggebek

BeitragVerfasst am: 23.05.2009, 14:13    Titel: 2 Tabellen Übereinander Antworten mit Zitat

Hallo liebes WK Forum, ich weis, ich fang an zu nerven ^^
Ich Habe mit Adobe Photoshop Cs4 ein Design für meine HP
erstellt, es schneidet das Bild in ein paar einzelne Bilder, und
generiert automatisch einen HTML Code, in dem die Bilder
Mit Col - und Rowspan aneinander 'gecodet' werden.
Ich habe versucht mit dem HTML Script von 1. FC Keller
und Hamigra auf Texte auf die Einzelnen Berieche der Bilder zu bekommen.
Jedoch klappt das nicht. Nun Meine Frage an euch:
Wie bekomme ich da Texte rauf? Bzw. Wie bekomme ich die Tabelle,
die 1. Fc Keller und hamigra mir gaben auf die Andere Tabelle, die
die Bilder aneinander stellt?

Hier einmal der Bilder Code:
Code:

<html>
<head>
<title>Eneregy-Base Design</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<center>
<body bgcolor="#474444" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Unbenannt-7) -->
<table id="Tabelle_01" width="901" height="901" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td colspan="8">
         <img src="Bilder/index_01.png" width="900" height="18" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="18" alt=""></td>
   </tr>
   <tr>
      <td colspan="2" rowspan="5">
         <img src="Bilder/index_02.png" width="20" height="574" alt=""></td>
      <td colspan="2">
         <img src="Bilder/index_03.png" width="402" height="228" alt=""></td>
      <td colspan="3">
         <img src="Bilder/index_04.png" width="456" height="228" alt=""></td>
      <td rowspan="10">
         <img src="Bilder/index_05.png" width="22" height="882" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="228" alt=""></td>
   </tr>
   <tr>
      <td colspan="5">
         <img src="Bilder/index_06.png" width="858" height="14" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="14" alt=""></td>
   </tr>
   <tr>
      <td rowspan="2">
         <img src="Bilder/index_07.png" width="218" height="318" alt=""></td>
      <td colspan="2" rowspan="6">
         <img src="Bilder/index_08.png" width="420" height="566" alt=""></td>
      <td colspan="2">
         <img src="Bilder/index_09.png" width="220" height="159" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="159" alt=""></td>
   </tr>
   <tr>
      <td colspan="2">
         <img src="Bilder/index_10.png" width="220" height="159" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="159" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="Bilder/index_11.png" width="218" height="14" alt=""></td>
      <td colspan="2">
         <img src="Bilder/index_12.png" width="220" height="14" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="14" alt=""></td>
   </tr>
   <tr>
      <td rowspan="5">
         <img src="Bilder/index_13.png" width="18" height="308" alt=""></td>
      <td colspan="2">
         <img src="Bilder/index_14.png" width="220" height="227" alt=""></td>
      <td rowspan="3">
         <img src="Bilder/index_15.png" width="4" height="234" alt=""></td>
      <td rowspan="2">
         <img src="Bilder/index_16.png" width="216" height="228" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="227" alt=""></td>
   </tr>
   <tr>
      <td colspan="2" rowspan="2">
         <img src="Bilder/index_17.png" width="220" height="7" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="Bilder/index_18.png" width="216" height="6" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="6" alt=""></td>
   </tr>
   <tr>
      <td colspan="6">
         <img src="Bilder/index_19.png" width="860" height="54" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="54" alt=""></td>
   </tr>
   <tr>
      <td colspan="6">
         <img src="Bilder/index_20.png" width="860" height="20" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="1" height="20" alt=""></td>
   </tr>
   <tr>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="18" height="1" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="2" height="1" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="218" height="1" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="184" height="1" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="236" height="1" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="4" height="1" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="216" height="1" alt=""></td>
      <td>
         <img src="Bilder/Abstandhalter.gif" width="22" height="1" alt=""></td>
      <td></td>
   </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
</center>


Und hier der Link, zum Index:

http://onairfusion.kilu.de/neweb/grafiktabelle.php

Ich hoffe ich hab mein Problem verständlich ausgedrückt Smilie

LG Schaggy
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
hamigra




Anmeldedatum: 31.08.2006
Beiträge: 1601
Wohnort: Werdau

BeitragVerfasst am: 23.05.2009, 18:58    Titel: Antworten mit Zitat

edit - weil überflüssig Winken

Zuletzt bearbeitet von hamigra am 26.05.2009, 15:24, insgesamt 2-mal bearbeitet
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Thedering




Anmeldedatum: 29.01.2008
Beiträge: 335

BeitragVerfasst am: 23.05.2009, 19:57    Titel: Antworten mit Zitat

Ich würde dir empfehlen einfach ein Div darüber zu legen. Das könnte dann so aussehen: http://wampy.org/dennis/upload/div_ueber_tabelle.html

Der Code dafür:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
    <title>Beispiel</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="Ein kleines Beispiel wie man ein Div ueber eine Tabelle legt" />
    <meta name="author" content="Dennis Thedering" />

    <style type="text/css">
    #blabla {
        margin-top: 120px; /* Gibt den Abstand zum Anfang der Seite an */
        margin-left: 200px; /* Gibt den Abstand von Links an */
        position: absolute;
        width: 200px; /* Gibt dem Container seine feste breite. Kann auch entfernt werden. */
        height: 100px; /* Gibt dem Container seine höhe */
        background-color: #ff0000; /* Setzt die Hintergrundfarbe fest */
        border: 1px solid black /* Bestimmt den Rand des Containers */
    }
    </style>

</head>

<body>
<div id="blabla">Dieses Div liegt &uuml;ber der Tabelle und hat eine Breite von 200px und 100px in der H&ouml;he.</div>

<table style="border: 1px solid black; width: 500px; height: 500px;" cellpadding="1" cellspacing="1">
    <tr>
        <td>Eine simple Tabelle</td>
        <td>500px breit</td>
    </tr>
    <tr>
        <td>und 500px hoch</td>
        <td>und sowas^^</td>
    </tr>
    <tr>
        <td>und das hier ist der</td>
        <td>Inhalt der Tabelle</td>
    </tr>
</table>


</body>
</html>


@ hamigra Bei deinem Beispiel sind alle Grafiken sehr verrutscht, außerdem sieht der Quelltext grauenhaft aus. Dazu kommt noch das der Validator mehrere Fehler anzeigt. http://validator.w3.org/check?uri=http://www.hamigra.de/schaggy/bildertest.htm

EDIT: Kommentare hinzugefügt
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
schaggy07


Verwarnung

Anmeldedatum: 22.11.2007
Beiträge: 258
Wohnort: Eggebek

BeitragVerfasst am: 23.05.2009, 21:45    Titel: Antworten mit Zitat

Danke, Musste Zwar die Bilddateien ändern wegen png aber war schon in ordnung
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
hamigra




Anmeldedatum: 31.08.2006
Beiträge: 1601
Wohnort: Werdau

BeitragVerfasst am: 23.05.2009, 23:09    Titel: Antworten mit Zitat

edit - weil überflüssig Winken

Zuletzt bearbeitet von hamigra am 26.05.2009, 15:23, insgesamt einmal bearbeitet
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Thedering




Anmeldedatum: 29.01.2008
Beiträge: 335

BeitragVerfasst am: 24.05.2009, 00:16    Titel: Antworten mit Zitat

Ich finde den Quelltext trotzdem nicht schön^^. Du könntest bei Tabellen wenn du den Text nicht mittig haben willst im <td>-Tag auch ein valign="top" (für oben) oder valign="bottom" für unten nehmen. Würde dir die <br /> Tags sparen (was dann vielleicht auch zu gleichen Ergebnissen in beiden Browsern führen würde).
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
schaggy07


Verwarnung

Anmeldedatum: 22.11.2007
Beiträge: 258
Wohnort: Eggebek

BeitragVerfasst am: 24.05.2009, 17:01    Titel: Antworten mit Zitat

Danke für eure Mühe, wir sind seit gestern Abend am arbeiten, ich habe kaum geschlafen.

Nur Leider sind die Tabellen ein wenig verrutscht,
Siehe auf der Seite
http://onairfusion.kilu.de/neweb

LG Kecky


HINWEIS:
Dass soll keine Schleichwerbung oder etc. sein...
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
schaggy07


Verwarnung

Anmeldedatum: 22.11.2007
Beiträge: 258
Wohnort: Eggebek

BeitragVerfasst am: 25.05.2009, 17:25    Titel: Antworten mit Zitat

/pusch
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
hamigra




Anmeldedatum: 31.08.2006
Beiträge: 1601
Wohnort: Werdau

BeitragVerfasst am: 26.05.2009, 09:14    Titel: Antworten mit Zitat

Na gut.
Dann erstmal paar Erklärungen, der Link folgt am Ende Winken
Ich hab deinen Hintergrund mal als ein Bild zusammengefügt und mit einer Tabelle eingebunden. Alles was dann auf der HP zu sehen sein soll, muß über ein div eingebunden werden. Dabei hab ich mal etwa das Aussehen deines vorherigen Links übernommen. Der Stream ist natürlich von nen anderen Radio, da ich deine Streamdaten ja nicht kenne. Das Chat-Login führt zu meinem Chat, (kann übrigends mit dem Nick und Paßwort = tester getestet werden) da ich auch die Daten für dein Login nicht kenne. Beides ist nur als Beispiel drin und brauch nur durch deine Daten ersetzt zu werden.
Im Kopf ist nur der Link zu News aktiv, und der führt aber auch nur zu meiner HP.
Links, die du auf der HP setzt, sollten aber möglichst mit target="_blank" gesetzt werden, weil du sonst deine HP verläßt.
Eine andere Möglichkeit wäre eine Frameseite, in der alle Links im Kopf wären und der angeklickte Link sich im Main öffnet. Frameseiten sind allerdings relativ unbeliebt und Suchmaschinen finden sie auch schlechter.

Genug davon - schau bitte Link weiter unten im Thread !!!


Zuletzt bearbeitet von hamigra am 26.05.2009, 11:08, insgesamt einmal bearbeitet
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
1. FC Keller
Moderator



Anmeldedatum: 04.07.2004
Beiträge: 4176
Wohnort: heimat:// Thüringen.Deutschland.eu/ Zeulenroda

BeitragVerfasst am: 26.05.2009, 09:51    Titel: Antworten mit Zitat

nix für ungut aber bei mir sieht das schrecklich aus, hami

Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
hamigra




Anmeldedatum: 31.08.2006
Beiträge: 1601
Wohnort: Werdau

BeitragVerfasst am: 26.05.2009, 10:04    Titel: Antworten mit Zitat

edit - weil überflüssig Winken

Zuletzt bearbeitet von hamigra am 26.05.2009, 15:25, insgesamt einmal bearbeitet
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
hamigra




Anmeldedatum: 31.08.2006
Beiträge: 1601
Wohnort: Werdau

BeitragVerfasst am: 26.05.2009, 11:13    Titel: Antworten mit Zitat

Fehler gefunden - hab das ganze fixiert.
Lediglich bei höherer Bildschirmauflösung ist der Hintergrund auf der rechten Seite etwas breiter. Aber Links und alles andere bleibt an derselben Stelle. Winken

Bitte gucken HIER

Quelltext ist zum auslesen, aber wenn gewünscht kann ich ihn auch hier reinstellen.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Forum zum WebKicks.De Chatsystem Foren-Übersicht -> Sonstiges Alle Zeiten sind GMT + 2 Stunden
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.


Powered by phpBB © 2001, 2005 phpBB Group
Impressum | Datenschutz | AGB
Deutsche Übersetzung von phpBB.de