Anna: Hilfe bei Tabelle - Fehler

Hallo zusammen

Ich versuche eine etwas laengere Tabelle zu erstellen. Auf unserer Deutschen Seite hat es geklappt, aber jetzt wo ich eig. nur die Texte uebersetze geht es nicht mehr. Hier ein Ausschnitt, die Tabellen werden nicht gleich gross angezeigt obwohl meiner Meinung nach die Codes gleich sind....

Kann mir jemand helfen?

Liebe Gruesse
Anna

<html>
<body>
<br>

<table border='1'>
  <tr>
  <th width='40%' height='80' bgcolor='#CCE5FF' span style='font-size:80%'>Airport Santo Domingo (SDQ)</th>
    <th width='14%' bgcolor='#CCE5FF' span style='font-size:80%'>Time</th>
    <th width='23%' bgcolor='#CCE5FF' span style='font-size:80%'>Price<br>per car<br> 1-5 pers</th>
    <th width='23%' bgcolor='#CCE5FF' span style='font-size:80%'>Price<br>per bus<br>6 - 10 pers</th>
  </tr>
  <tr>
    <td span style='font-size:80%'>SDQ Airport – SD City</td>
    <td span style='font-size:80%' align='center' valign='middle'>30 min</td>
    <td span style='font-size:80%' align='center' valign='middle'>46.-</td>
    <td span style='font-size:80%' align='center' valign='middle'>64.-</td>
  </tr>
  <tr>
    <td span style='font-size:80%'>SDQ Airport – Punta Cana/Bavaro</td>
    <td span style='font-size:80%' align='center' valign='middle'>2.5 h</td>
    <td span style='font-size:80%' align='center' valign='middle'>184.-</td>
    <td span style='font-size:80%' align='center' valign='middle'>255.-</td>
  </tr>
  <tr>
    <td span style='font-size:80%'>SDQ Airport – Las Terrenas</td>
    <td span style='font-size:80%' align='center' valign='middle'>2 h</td>
    <td span style='font-size:80%' align='center' valign='middle'>246.-</td>
    <td span style='font-size:80%' align='center' valign='middle'>303.-</td>
  </tr>
  <tr>
    <td span style='font-size:80%'>SDQ Airport – Samana</td>
    <td span style='font-size:80%' align='center' valign='middle'>2 h</td>
    <td span style='font-size:80%' align='center' valign='middle'>246.-</td>
    <td span style='font-size:80%' align='center' valign='middle'>303.-</td>
  </tr>
  <tr>
    <td span style='font-size:80%'>SDQ Airport  – Barahona</td>
    <td span style='font-size:80%' align='center' valign='middle'>3.5 h</td>
    <td span style='font-size:80%' align='center' valign='middle'>212.- </td>
    <td span style='font-size:80%' align='center' valign='middle'>254.-</td>
  </tr>
  <tr>
    <td span style='font-size:80%'>SDQ Airport – Bayahibe</td>
    <td span style='font-size:80%' align='center' valign='middle'>1.5 h</td>
    <td span style='font-size:80%' align='center' valign='middle'>128.- </td>
    <td span style='font-size:80%' align='center' valign='middle'>162.-</td>
  </tr>
  <tr>
    <td span style='font-size:80%'>SDQ Airport – Puerto Plata</td>
    <td span style='font-size:80%' align='center' valign='middle'>4 h 15 min</td>
    <td span style='font-size:80%' align='center' valign='middle'>226.- </td>
    <td span style='font-size:80%' align='center' valign='middle'>330.-</td>
  </tr>
  <tr>
    <td span style='font-size:80%'>SDQ Airport – Las Galeras</td>
    <td span style='font-size:80%' align='center' valign='middle'>2.5 h</td>
    <td span style='font-size:80%' align='center' valign='middle'>261.- </td>
    <td span style='font-size:80%' align='center' valign='middle'>380.-</td>
  </tr span style='font-size:80%'>
  <tr>
</table><br>
<br>

<table border='1'>
  <tr>
  <th width='40%' height='80' bgcolor='#CCE5FF' span style='font-size:80%'>Santo Domingo City</th>
    <th width='14%' bgcolor='#CCE5FF' span style='font-size:80%'>Time</th>
    <th width='23%' bgcolor='#CCE5FF' span style='font-size:80%'>Price<br>per car<br> 1-5 pers</th>
    <th width='23%' bgcolor='#CCE5FF' span style='font-size:80%'>Price<br>per bus<br>6 - 10 pers</th>
  </tr>
  <tr>
<td span style='font-size:80%'>SD City – Barahona</td>
    <td span style='font-size:80%' align='center' valign='middle'>3 h</td>
    <td span style='font-size:80%' align='center' valign='middle'>212.-</td>
    <td span style='font-size:80%' align='center' valign='middle'>250.-</td>
  </tr>
  <tr>
<td span style='font-size:80%'>SD City – Bavaro/<br>Punta Cana</td>
    <td span style='font-size:80%' align='center' valign='middle'>3 h</td>
    <td span style='font-size:80%' align='center' valign='middle'>219.-</td>
    <td span style='font-size:80%' align='center' valign='middle'>298.-</td>
  </tr>
  <tr>
    <td span style='font-size:80%'>SD City – Bayahibe</td>
    <td span style='font-size:80%' align='center' valign='middle'>2 h</td>
    <td span style='font-size:80%' align='center' valign='middle'>141.-</td>
    <td span style='font-size:80%' align='center' valign='middle'>177.-</td>
  </tr span style='font-size:80%'>
  <tr>
    <td span style='font-size:80%'>SD City – Jarabacoa</td>
    <td span style='font-size:80%' align='center' valign='middle'>2 h</td>
    <td span style='font-size:80%' align='center' valign='middle'>184.- </td>
    <td span style='font-size:80%' align='center' valign='middle'>222.-</td>
  </tr>
  <tr>
    <td span style='font-size:80%'>SD City – La Romana</td>
    <td span style='font-size:80%' align='center' valign='middle'>1 h 40 min</td>
    <td span style='font-size:80%' align='center' valign='middle'>128.- </td>
    <td span style='font-size:80%' align='center' valign='middle'>162.-</td>
  </tr>
  <tr>
<td span style='font-size:80%'>SD City – Las Terrenas</td>
    <td span style='font-size:80%' align='center' valign='middle'>2.5 h</td>
    <td span style='font-size:80%' align='center' valign='middle'>246.-</td>
    <td span style='font-size:80%' align='center' valign='middle'>303.-</td>
  </tr>
  <tr>
<td span style='font-size:80%'>SD City – Samana</td>
    <td span style='font-size:80%' align='center' valign='middle'>2.5 h</td>
    <td span style='font-size:80%' align='center' valign='middle'>246.-</td>
    <td span style='font-size:80%' align='center' valign='middle'>303.-</td>
  </tr>
  <tr>
    <td span style='font-size:80%'>SD City – Puerto Plata</td>
    <td span style='font-size:80%' align='center' valign='middle'>3 h 45 min</td>
    <td span style='font-size:80%' align='center' valign='middle'>226.-</td>
    <td span style='font-size:80%' align='center' valign='middle'>330.-</td>
  </tr span style='font-size:80%'>
  <tr>
    <td span style='font-size:80%'>SD City – Santiago</td>
    <td span style='font-size:80%' align='center' valign='middle'>2 h 45 min</td>
    <td span style='font-size:80%' align='center' valign='middle'>155.-</td>
    <td span style='font-size:80%' align='center' valign='middle'>204.-</td>
  </tr>
  <tr>
    <td span style='font-size:80%'>SD City – Sabana de la Mar</td>
    <td span style='font-size:80%' align='center' valign='middle'>3 h 15 min</td>
    <td span style='font-size:80%' align='center' valign='middle'>204.-</td>
    <td span style='font-size:80%' align='center' valign='middle'>252.-</td>
    </tr span style='font-size:80%'>
</table>

</body>
</html>

  1. Aloha ;)

    Kann mir jemand helfen?

    Ja. Es gibt gute Gründe, den Stil einer Seite durch CSS auszulagern. Neben den vielfachen ideologischen Gründen auch den, dass es damit viel einfacher ist, Dinge gleich aussehen zu lassen. Abgesehen davon wird jedem seriösen Webentwickler beim Ansehen von inline-/HTML-Style auf Anhieb schlecht...

    Maxime: Trennung von Inhalt und Design.

    Wenn du's "richtig" machen willst, nimmst du alle stilbezogenen Attribute aus deinem Quellcode raus. Dann verpasst du beiden Tabellen eine Klasse class="priceTable". Oder so. Und dann machst du das mit externem CSS:

    .priceTable {  
        border:1px;  
        font-size:80%;  
    }  
      
    .priceTable th, .priceTable td {  
        height:80px;  
    }  
      
    .priceTable td {  
        text-align:center;  
        vertical-align:middle;  
    }  
      
    .priceTable th {  
        background-color:#CCE5FF;  
    }  
      
    .priceTable tr:nth-child(1) { width:40%; }  
    .priceTable tr:nth-child(2) { width:14%; }  
    .priceTable tr:nth-child(3) { width:23%; }  
    .priceTable tr:nth-child(4) { width:23%; }  
      
    
    

    Wenns damit immer noch Probleme gibt, gibts sicher viele bereitwillige Helfer. Noch ein Tipp: Beim nächsten Mal bitte angeben, was _genau_ nicht gleich groß ist, oder noch besser: einen Link zum Beispiel anbieten. Die Hilfsbereitschaft ist gewöhnlich antiproportional zum Aufwand, sich in das Problem einzuarbeiten...

    Grüße,

    RIDER

    --
    Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller
    ch:? rl:| br:> n4:? ie:% mo:| va:) js:) de:> zu:) fl:( ss:| ls:[
    1. @@Camping_RIDER:

      nuqneH

      Maxime: Trennung von Inhalt und Design.

      Sag sowas nicht! Inhalt und _Design_ sind unzetrennlich.

      Du meinst: Trenne Inhalt und _Präsentation_.

      Qapla'

      --
      „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
      1. Aloha ;)

        Maxime: Trennung von Inhalt und Design.

        Sag sowas nicht! Inhalt und _Design_ sind unzetrennlich.

        Du meinst: Trenne Inhalt und _Präsentation_.

        Stimmt - zum Glück kann ich mich immer auf dich verlassen, wenn mir mal wieder die richtigen Worte fehlen ;)

        Grüße,

        RIDER

        --
        Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller
        ch:? rl:| br:> n4:? ie:% mo:| va:) js:) de:> zu:) fl:( ss:| ls:[
        1. Danke Ihr Lieben!!

          Ich kenne mich nur etwas mit diesen HTML Codes aus, der Rest ist fuer mich recht unbekannt... :(

          Hab versucht die <br> codes zu entfernen und ich habe es mit diesem Validator versucht, allerdings hat beides nicht funktioniert..

          Das Ding ist, ich habe genau die gleiche Seite schon einmal aufgeschalten, nur mit Deutschen Texten und dort funktioniert es. Ich habe schon einmal alles geloescht und noch einmal neu aufgeschalten aber es wird trotzdem sofort ungleich...

          Hier mal die Seite die funktioniert: http://www.domreptours.eu/site/index.cfm/info/transfers/id_art/50371/vsprache/DE

          Und die die nicht geht: http://www.domreptours.eu/site/index.cfm/info/transfers/id_art/68540/vsprache/EN

          1. Om nah hoo pez nyeetz, Anna!

            Ich kenne mich nur etwas mit diesen HTML Codes aus, der Rest ist fuer mich recht unbekannt... :(

            Hab versucht die <br> codes zu entfernen und ich habe es mit diesem Validator versucht, allerdings hat beides nicht funktioniert..

            Tja, dann musst du wohl oder übel alle <br> wieder per Hand setzen.

            Die bessere Alternative wäre, HTML und CSS zu lernen und die Seite vernünftig zu machen. Als Reisebüro solltest du vielleicht etwas Geld in die Hand nehmen und die Seite vernünftig machen lassen.

            Matthias

            --
            Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Kaff und Kaffee.

            1. Hi Matthias

              Das Buero gehoert nicht mir :)

              Ich verstand nicht, warum es bei einer Seite geht und bei der anderen nicht.. Daher dachte ich, vielleicht habe ich irgend einen dummen Fehler gemacht, den ich ganz einfach uebersehe... so als Leihe. Und den ihr als Profis vielleicht sofort sehen wuerdet :)

              Ich danke euch trotzdem fuer Eure Hilfe!

              Schoenen Abend!

              Anna

              1. Om nah hoo pez nyeetz, Anna!

                Ich verstand nicht, warum es bei einer Seite geht und bei der anderen nicht.. Daher dachte ich, vielleicht habe ich irgend einen dummen Fehler gemacht, den ich ganz einfach uebersehe... so als Leihe. Und den ihr als Profis vielleicht sofort sehen wuerdet :)

                Leider nein.

                Deine Tabellen befinden sich in einer Tabelle mit einer Breite von 523px, diese in einer 523px breiten Tabelle, diese in einer 600px breiten Tabelle,  jene in einer 960px breiten Tabelle.

                Deine gewünschten Abmessungen sind 40%, 14%, 23%, 23%. Der Browser interpretiert das offenbar nicht wunschgemäß. Insbesondere werden die Tabellen, die nicht die volle Breite benötigen, nicht verbreitert.

                Abhilfe schafft die Angabe style="width: 100%;" für die Tabellen, also für die gewünschten Tabellen ~~~html <table border="1" style="width: 100%;">

                  
                Das beseitigt allerdings nur die Symptome. Die grundsätzlichen Probleme dieser Seite bleiben.  
                  
                Matthias
                
                -- 
                Der Unterschied zwischen Java und JavaScript ist größer als der zwischen [Frau und fraunhofersche Linien](http://selfhtml.apsel-mv.de/java-javascript/index.php?buchstabe=F#frau).  
                ![](http://www.billiger-im-urlaub.de/kreis_sw.gif)  
                
                
                1. Abhilfe schafft die Angabe style="width: 100%;" für die Tabellen, also für die gewünschten Tabellen ~~~html

                  <table border="1" style="width: 100%;">

                  
                  >   
                  > Das beseitigt allerdings nur die Symptome. Die grundsätzlichen Probleme dieser Seite bleiben.  
                  >   
                  > Matthias  
                    
                  Danke Matthias - so hat es geklappt!  
                    
                  Schoenen Abend!  
                    
                  Anna
                  
                2. Aloha ;)

                  Abhilfe schafft die Angabe style="width: 100%;" für die Tabellen, also für die gewünschten Tabellen ~~~html

                  <table border="1" style="width: 100%;">

                    
                  Hehe, zwei Dumme, ein Gedanke. Ich war allerdings eine Minute schneller :P ich lass dir aber gern die Lorbeeren xD  
                    
                  Grüße,  
                    
                  RIDER  
                    
                  
                  -- 
                  Camping\_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller  
                    
                  ch:? rl:| br:> n4:? ie:% mo:| va:) js:) de:> zu:) fl:( ss:| ls:[  
                  
                  
                  1. Om nah hoo pez nyeetz, Camping_RIDER!

                    Hehe, zwei Dumme, ein Gedanke. Ich war allerdings eine Minute schneller :P

                    Nur, weil ich mich durch die Tabellen nach oben gegraben habe ;-)

                    Und ob es tatsächlich eine Minute war, kannst du auch nicht wissen, die Wahrscheinlichkeit, dass es weniger war, ist knapp 50% ;-)

                    Matthias

                    --
                    Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Schwerin und Schwerindustrie.

                    1. Aloha ;)

                      Und ob es tatsächlich eine Minute war, kannst du auch nicht wissen, die Wahrscheinlichkeit, dass es weniger war, ist knapp 50% ;-)

                      Die, dass es mehr als eine Minute war, ist aber auch knapp 50% :P Und damit liegt der Erwartungswert wieder bei einer Minute :P :P

                      Das erinnert mich an die Ulmer Busse zur Uni... Spätestens nach 5 Minuten Wartezeit vom Fahrplan aus gesehen kann man nicht mehr wissen, ob der eine zu früh oder der andere zu spät kommt :D

                      Das Problem an diesem Forum ist sowieso nicht die Messungenauigkeit der Zeitmessung sondern das Unvermögen des Messgeräts in punkto Darstellung :D

                      So, Rider, jetzt ist aber gut. Kusch, aus! :D

                      Grüße,

                      RIDER

                      --
                      Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller
                      ch:? rl:| br:> n4:? ie:% mo:| va:) js:) de:> zu:) fl:( ss:| ls:[
          2. Hier mal die Seite die funktioniert: http://www.domreptours.eu/site/index.cfm/info/transfers/id_art/50371/vsprache/DE

            Und die die nicht geht: http://www.domreptours.eu/site/index.cfm/info/transfers/id_art/68540/vsprache/EN

            Ich habe mir beide Seiten gerade angesehen und ich muss sagen auf beiden Seiten sind die die Tabellen nicht gleich groß. Von daher verstehe ich nicht so genau was du eigentlich willst.

          3. Aloha ;)

            Hier mal die Seite die funktioniert: http://www.domreptours.eu/site/index.cfm/info/transfers/id_art/50371/vsprache/DE

            Und die die nicht geht: http://www.domreptours.eu/site/index.cfm/info/transfers/id_art/68540/vsprache/EN

            Hmm, mysteriös. Bei mir sind auf beiden Seiten die Tabellen alle ungleich groß.

            Und ich weiß auch warum.

            Du hast zwar angegeben, wie breit die Spalten sein sollen - in Prozent, also relativ zu der Gesamtbreite der Tabelle bzw. zueinander. Du hast aber nirgends angegeben, wie breit die Tabelle überhaupt sein soll. Deshalb die überall unterschiedliche Breite... wenn du das beheben willst, musst du lediglich jeder Tabelle eine fixe Breite geben.

            Und wenn du auch noch nix dazulernen willst, dann nimm halt in Gottes Namen

            <table border="1" width="100%">

            Damit sollte jede deiner Tabellen die volle zur Verfügung stehende Breite ausnutzen...

            Grüße,

            RIDER

            --
            Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller
            ch:? rl:| br:> n4:? ie:% mo:| va:) js:) de:> zu:) fl:( ss:| ls:[
          4. @@Anna:

            nuqneH

            Beim Aufruf von http://www.domreptours.eu/ kommt man auf die deutschsprachige Seite, auch wenn man in seinem Browser Englisch als bevorzugte Sprache angegeben hat. Das sollte nicht so sein.

            Die Sprachumschaltung ist wegen ihrer Beschriftung „D | E“ so gut wie gar nicht als solche erkennbar. Da sollte „Deutsch | English“ stehen.

            Qapla'

            PS: Warum haben wir hier eigentlich keine Kategorie INTERNATIONALISIERUNG/LOKALISIERUNG?

            --
            „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
            1. Aloha ;)

              Beim Aufruf von http://www.domreptours.eu/ kommt man auf die deutschsprachige Seite, auch wenn man in seinem Browser Englisch als bevorzugte Sprache angegeben hat. Das sollte nicht so sein.

              Gelegentlich, ganz gelegentlich bin ich echt erstaunt, was für geniale Sachen es zwischen Himmel und Erde gibt und frage mich dann immer wieder: Warum bin ich eigentlich nicht selbst schonmal auf sowas gekommen?

              Dann hab ich für heute ja doch mal wieder was sinnvolles gelernt! Auf jeden Fall fachlich hilfreich!

              Grüße,

              RIDER

              --
              Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller
              ch:? rl:| br:> n4:? ie:% mo:| va:) js:) de:> zu:) fl:( ss:| ls:[
            2. Hi there,

              PS: Warum haben wir hier eigentlich keine Kategorie INTERNATIONALISIERUNG/LOKALISIERUNG?

              weil's dafür eh diese kleinen bunten Flaggen-gifs gibt...;)

              (bin schon weg...)

              1. @@Klawischnigg:

                nuqneH

                weil's dafür eh diese kleinen bunten Flaggen-gifs gibt...;)

                GIFs?? Dafür gibt’s doch 🇩🇪, 🇬🇧/🇺🇸, 🇪🇸, 🇫🇷, 🇮🇹, 🇷🇺, 🇨🇳, 🇯🇵, 🇰🇷 …

                Ach so, du meinst animierte GIFs. Die Fahnen müssen ja schließlich im Wind wehen.

                (bin schon weg...)

                Ich krieg dich noch!

                Qapla'

                --
                „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
                1. @@Gunnar Bittersmann:

                  nuqneH

                  weil's dafür eh diese kleinen bunten Flaggen-gifs gibt...;)

                  GIFs?? Dafür gibt’s doch 🇩🇪, 🇬🇧/🇺🇸, 🇪🇸, 🇫🇷, 🇮🇹, 🇷🇺, 🇨🇳, 🇯🇵, 🇰🇷 …

                  Oh, sehe gerade, dass einige Systeme das als DE, GB/US, usw. rendern, was mein Posting unverständlich macht.

                  Das sollte so aussehen:

                  Qapla'

                  --
                  „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
                  1. Aloha ;)

                    Oh, sehe gerade, dass einige Systeme das als DE, GB/US, usw. rendern, was mein Posting unverständlich macht.

                    Schön wärs :D Dachte mir zunächst nichts dabei, hatte gedacht du hast beim Einfügen irgendwas verpeilt. Bei mir ist's nämlich noch schlimmer:

                    flaggen?

                    Windows 7 Home @ Google Chrome

                    Scheint also, dass das nicht die perfekte Lösung ist ;)

                    Grüße,

                    RIDER

                    P.S.: Der Firefox rendert DE, GB/US, ... liegt also wohl an Chrome. Trotzdem ziemlich blöd dann. Man kann ja kaum die Chrome-User mit Fragezeichen abspeisen ;)

                    --
                    Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller
                    ch:? rl:| br:> n4:? ie:% mo:| va:) js:) de:> zu:) fl:( ss:| ls:[
                    1. Hallo

                      Oh, sehe gerade, dass einige Systeme das als DE, GB/US, usw. rendern, was mein Posting unverständlich macht.

                      Schön wärs :D Dachte mir zunächst nichts dabei, hatte gedacht du hast beim Einfügen irgendwas verpeilt. Bei mir ist's nämlich noch schlimmer:

                      flaggen?

                      Windows 7 Home @ Google Chrome

                      Scheint also, dass das nicht die perfekte Lösung ist ;)

                      Das kommt davon, dass Gunnar Bleeding Edge ohne Rücksicht auf Verluste predigt.

                      P.S.: Der Firefox rendert DE, GB/US, ... liegt also wohl an Chrome. Trotzdem ziemlich blöd dann. Man kann ja kaum die Chrome-User mit Fragezeichen abspeisen ;)

                      Man kann es auch ohne Umstände machen und „DE“, „GB/US“ oder was auch immer schreiben.

                      Tschö, Auge

                      --
                      Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.
                      Terry Pratchett, "Wachen! Wachen!"
                      ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:}
                      Veranstaltungsdatenbank Vdb 0.3
                      1. @@Auge:

                        nuqneH

                        Das kommt davon, dass Gunnar Bleeding Edge ohne Rücksicht auf Verluste predigt.

                        Du musst mich mit jemandem verwechseln. Oder meine Postings nicht verstehen.

                        Ich predige progressive enhancement. Das ist nicht bleeding edge, sondern eher gesunder Menschenverstand.

                        P.S.: Der Firefox rendert DE, GB/US, ... liegt also wohl an Chrome. Trotzdem ziemlich blöd dann. Man kann ja kaum die Chrome-User mit Fragezeichen abspeisen ;)

                        Man kann es auch ohne Umstände machen und „DE“, „GB/US“ oder was auch immer schreiben.

                        Emoticons (Flaggen) statt Text (Länderkürzel) ist progressive enhancement. Warum sollte man Nutzers mit dazu fähigen Geräten diese vorenthalten? Vorausgesetzt natürlich, die Basis (Text) ist gegeben. Wie die Ländersymbole auf Chrome unter Windows gerendert werden, ist nicht akzeptabel.

                        In meiner Antwort auf Klawischnigg ging es natürlich gerade um die Flaggen.

                        Qapla'

                        --
                        „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
                        1. Aloha ;)

                          Emoticons (Flaggen) statt Text (Länderkürzel) ist progressive enhancement. Warum sollte man Nutzers mit dazu fähigen Geräten diese vorenthalten? Vorausgesetzt natürlich, die Basis (Text) ist gegeben. Wie die Ländersymbole auf Chrome unter Windows gerendert werden, ist nicht akzeptabel.

                          Stimme ich dir zu, ja. Wie würde eine Einbindung nach progressive Enhancement dann aussehen? Hätte ich richtige GIFs könnte ich das über den alt-Text (oder so?) regeln. Du benutzt hier aber ja (wenn ichs richtig verstehe) Sonderzeichen. Wie kann eine Weiche da aussehen, die mir entweder den textualen Ländercode, oder - wenn verfügbar - die Flaggenzeichen ausgibt? User-Agent-Kennung ist da ja wohl der falsche Ansatz, das wäre ja dann ziemliches Gepfriemel und außerdem manipulierbar... Interessiert mich, weil mir selbst dazu grad nix einfällt...

                          Grüße,

                          RIDER

                          --
                          Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller
                          ch:? rl:| br:> n4:? ie:% mo:| va:) js:) de:> zu:) fl:( ss:| ls:[
                          1. @@Camping_RIDER:

                            nuqneH

                            Du benutzt hier aber ja (wenn ichs richtig verstehe) Sonderzeichen.

                            Nein. Jedesmal, wenn jemand Nicht-ASCII-Zeichen als „Sonderzeichen“ bezeichnet, stirbt ein Kätzchen.

                            Es sind Zeichen – ohne Wenn und Aber. Ohne Sonder. Hier sind’s Regionalindikatoren.

                            Qapla'

                            --
                            „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
                            1. Aloha ;)

                              Nein. Jedesmal, wenn jemand Nicht-ASCII-Zeichen als „Sonderzeichen“ bezeichnet

                              Na, mein Chrome findet offenbar schon, dass das Sonderzeichen sind. Zumindest stellt er sie sonderlich sonderbar dar ;)

                              stirbt ein Kätzchen.

                              Macht nix. Mehr Katzenfell für die Elektrostatik in meinem Physikunterricht xD

                              Grüße,

                              RIDER

                              --
                              Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller
                              ch:? rl:| br:> n4:? ie:% mo:| va:) js:) de:> zu:) fl:( ss:| ls:[
                              1. @@Camping_RIDER:

                                nuqneH

                                Na, mein Chrome findet offenbar schon, dass das Sonderzeichen sind. Zumindest stellt er sie sonderlich sonderbar dar ;)

                                Das könnte an deinen (ab)sonderlichen Betriebssystem liegen.

                                Macht nix. Mehr Katzenfell für die Elektrostatik in meinem Physikunterricht xD

                                Die Quantenmechanik gibt wohl nichts her. Katzen, die sowohl tot als auch lebendig sind, darf man wohl nicht das Fell über die Ohren ziehen.

                                Qapla'

                                --
                                „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
                                1. Aloha ;)

                                  Na, mein Chrome findet offenbar schon, dass das Sonderzeichen sind. Zumindest stellt er sie sonderlich sonderbar dar ;)

                                  Das könnte an deinen (ab)sonderlichen Betriebssystem liegen.

                                  Dann aber an beiden, Android kanns ja auch nicht. Komm du mir bloß nicht mit deinem Obstkorb ;)

                                  Macht nix. Mehr Katzenfell für die Elektrostatik in meinem Physikunterricht xD

                                  Die Quantenmechanik gibt wohl nichts her. Katzen, die sowohl tot als auch lebendig sind, darf man wohl nicht das Fell über die Ohren ziehen.

                                  Und daran sieht man wieder, dass Harry Potter vollkommen unrealistisch ist. Hausmeister halten keine schuleigenen Katzen. Leider.

                                  Ich würde mich auch benehmen, wirklich. Keine Kisten-Experimente. Und ich geb Mrs. Norris auch völlig ungeladen und lebendig wieder zurück.

                                  Grüße,

                                  RIDERz

                                  --
                                  Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller
                                  ch:? rl:| br:> n4:? ie:% mo:| va:) js:) de:> zu:) fl:( ss:| ls:[
                                  1. @@Camping_RIDER:

                                    nuqneH

                                    Komm du mir bloß nicht mit deinem Obstkorb ;)

                                    Nein. Seufz.

                                    Qapla'

                                    --
                                    „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
                                2. Hallo,

                                  Die Quantenmechanik gibt wohl nichts her. Katzen, die sowohl tot als auch lebendig sind, darf man wohl nicht das Fell über die Ohren ziehen.

                                  aber bestimmt darf man es tun und gleichzeitig nicht tun.

                                  Übrigens: Katzenfell soll auch sehr gut sein bei Rheuma. Am besten, wenn die Katze noch drin ist.

                                  Ciao,
                                   Martin

                                  --
                                  Küssen ist die schönste Methode, eine Frau zum Schweigen zu bringen.
                                  Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
                                3. Hallo

                                  Macht nix. Mehr Katzenfell für die Elektrostatik in meinem Physikunterricht xD

                                  Die Quantenmechanik gibt wohl nichts her. Katzen, die sowohl tot als auch lebendig sind, darf man wohl nicht das Fell über die Ohren ziehen.

                                  Da der Zustand der Katze nur eine Annahme ist, sollte das auch für die Verwertung des Fells gelten. Hauptsache, es fusselt nicht … nehme ich an …

                                  Tschö, Auge

                                  --
                                  Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.
                                  Terry Pratchett, "Wachen! Wachen!"
                                  ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:}
                                  Veranstaltungsdatenbank Vdb 0.3
                                  1. Aloha ;)

                                    Da der Zustand der Katze nur eine Annahme ist, sollte das auch für die Verwertung des Fells gelten.

                                    Hehe, und was mach ich dann mit meinen Schülern?

                                    Soo, liebe Schüler. Heute beschäftigen wir uns mit der Reibungselektrizität. Ich habe heute ein Experiment mit euch vor, in dem wir zeigen, dass Reibung Ladung erzeugen kann. Das weisen wir mit dieser Glimmlampe hier nach. Die leuchtet dann auf, wenn sie mit Ladung in Berührung kommt. Stellt euch also vor, wir hätten hier ein Katzenfell, mit dem ich an diesem Stab hier reibe. Dann halte ich den Stab an die Glimmlampe und... - habt ihrs gesehen? Hat jeder von euch in eurer Vorstellung das rote Aufblitzen gesehen? Sehr gut, dann wäre das ja schonmal gezeigt!

                                    ...Ne, da dann doch lieber Mrs. Norris!

                                    Grüße,

                                    RIDER

                                    --
                                    Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller
                                    ch:? rl:| br:> n4:? ie:% mo:| va:) js:) de:> zu:) fl:( ss:| ls:[
                                    1. @@Camping_RIDER:

                                      nuqneH

                                      Stellt euch also vor, wir hätten hier ein Katzenfell, mit dem ich an diesem Stab hier reibe.

                                      riebe

                                      Dann halte ich den Stab an die Glimmlampe

                                      hielte

                                      Wenn die Schöler schon nichts über Reibungselektrizität lernten, dann doch über den Gebrauch des Konjunktivs.

                                      Qapla'

                                      --
                                      „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
                                      1. Aloha ;)

                                        Wenn die Schöler schon nichts über Reibungselektrizität lernten, dann doch über den Gebrauch des Konjunktivs.

                                        Getreu dem Motto: Wat is'n Dampfmaschin!

                                        Grüße,

                                        RIDER

                                        --
                                        Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller
                                        ch:? rl:| br:> n4:? ie:% mo:| va:) js:) de:> zu:) fl:( ss:| ls:[
                                    2. Hallo

                                      Da der Zustand der Katze nur eine Annahme ist, sollte das auch für die Verwertung des Fells gelten.

                                      Hehe, und was mach ich dann mit meinen Schülern?

                                      Stellt euch also vor, wir hätten hier ein Katzenfell, mit dem ich an diesem Stab hier reibe.

                                      Stellt euch vor, ich riebe mit dem angenommenen Katzenfell an dem angenommenen Stab.

                                      Dann halte ich den Stab an die Glimmlampe und... - habt ihrs gesehen? Hat jeder von euch in eurer Vorstellung das rote Aufblitzen gesehen?

                                      Stellt euch vor ich hielte den angenommenen Stab an die angenommene Glimmlampe und nehmt an, diese glimmte auf …

                                      Konjunktivistische Didaktik. Aber bei unserem Schulsystem würd's mich nicht wundern.

                                      ...Ne, da dann doch lieber Mrs. Norris!

                                      Wer ist Misses Norris?

                                      Tschö, Auge

                                      --
                                      Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.
                                      Terry Pratchett, "Wachen! Wachen!"
                                      ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:}
                                      Veranstaltungsdatenbank Vdb 0.3
                                      1. Aloha ;)

                                        Stellt euch vor, ich riebe mit dem angenommenen Katzenfell an dem angenommenen Stab.

                                        Stellt euch vor ich hielte den angenommenen Stab an die angenommene Glimmlampe und nehmt an, diese glimmte auf …

                                        Konjunktivistische Didaktik. Aber bei unserem Schulsystem würd's mich nicht wundern.

                                        Nene, nicht überall. Stab und Glimmlampe hab ich ja :D nur die Katze (bzw. ihr Fell) fehlt :D

                                        ...Ne, da dann doch lieber Mrs. Norris!

                                        Wer ist Misses Norris?

                                        Die (seit Harry Potter sprichwörtliche) Katze des Hausmeisters...

                                        mrsnorris

                                        Grüße,

                                        RIDER

                                        --
                                        Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Zoller
                                        ch:? rl:| br:> n4:? ie:% mo:| va:) js:) de:> zu:) fl:( ss:| ls:[
                        2. Hallo

                          Das kommt davon, dass Gunnar Bleeding Edge ohne Rücksicht auf Verluste predigt.

                          Du musst mich mit jemandem verwechseln. Oder meine Postings nicht verstehen.

                          Ich predige progressive enhancement. Das ist nicht bleeding edge, sondern eher gesunder Menschenverstand.

                          … was in diesem Fall einfach mal in die Hose gegangen ist. Wenn gesunder Menschenverstand ist, dass das bei einem nicht unerheblichen Teil der Benutzer nicht funktioniert, weil nur die Platzhalter für die entsprechenden Zeichen zu sehen sind, dann gute Nacht.

                          P.S.: Der Firefox rendert DE, GB/US, ... liegt also wohl an Chrome. Trotzdem ziemlich blöd dann. Man kann ja kaum die Chrome-User mit Fragezeichen abspeisen ;)

                          Man kann es auch ohne Umstände machen und „DE“, „GB/US“ oder was auch immer schreiben.

                          Emoticons (Flaggen) statt Text (Länderkürzel) ist progressive enhancement.

                          Ja wie nun? Gerade eben™ ziehst du gegen Flaggen als Kennzeichnung für Sprachen zu Kreuze und nun ist das Progressive Enhancement? Versteh' ich nicht.

                          Warum sollte man Nutzers mit dazu fähigen Geräten diese vorenthalten?

                          Soll man nicht. Habe ich auch nicht gesagt. Nur sollte es bei denen, die nicht dazu fähige Geräte (in diesem Fall wohl eher Schriftarten) haben, die Funktion nicht vorenthalten.

                          Vorausgesetzt natürlich, die Basis (Text) ist gegeben.

                          Jep

                          Wie die Ländersymbole auf Chrome unter Windows gerendert werden, ist nicht akzeptabel.

                          Falls du die Nichtanzeige der zeichen meintest, ich bin mir nicht sicher, ob das etwas mit Windows zu tun hat. Bei mir werden die nämlich in kapitalen lettern, die etwas kleiner als die „normale“ Schrift sind, angezeigt. Inwieweit das wiederum mit Einstellungen im Browser zu tun hat (Standard- und Minimalschriftgröße), weiß ich nicht.

                          Tschö, Auge

                          --
                          Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.
                          Terry Pratchett, "Wachen! Wachen!"
                          ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:}
                          Veranstaltungsdatenbank Vdb 0.3
                          1. @@Auge:

                            nuqneH

                            Ja wie nun? Gerade eben™ ziehst du gegen Flaggen als Kennzeichnung für Sprachen zu Kreuze und nun ist das Progressive Enhancement? Versteh' ich nicht.

                            Du verstehst nicht, dass Klawischniggs Posting ein Joke war, auf den ich eingegangen bin?

                            Qapla'

                            --
                            „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
                            1. Hallo

                              Ja wie nun? Gerade eben™ ziehst du gegen Flaggen als Kennzeichnung für Sprachen zu Kreuze und nun ist das Progressive Enhancement? Versteh' ich nicht.

                              Du verstehst nicht, dass Klawischniggs Posting ein Joke war, auf den ich eingegangen bin?

                              Offensichtlich bis eben nicht. Ich geh' nach hause.

                              Tschö, Auge

                              --
                              Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.
                              Terry Pratchett, "Wachen! Wachen!"
                              ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:}
                              Veranstaltungsdatenbank Vdb 0.3
      2. Hallo Gunnar,

        Sag sowas nicht! Inhalt und _Design_ sind unzetrennlich.
        Du meinst: Trenne Inhalt und _Präsentation_.

        den Sinn dieser Erbsenzählerei verstehe ich nicht.

        In der html Datei zeichne ich einen Satz zB. als Überschrift 1. Ordnung aus, das ist mein Inhalt.
        In der ausgelagerten CSS Datei lege ich zB. fest, welche Farbe die Überschrift haben und wie groß sie sein soll, das ist das Design = Präsentation.

        Bitte erläutere mir, wieso zweite Aussage Deiner Meinung nach besser ist.

        Mit lieben Grüßen

        Melvin Cowznofski

        --

        Melvin Cowznofski
        What – me worry?
        1. @@Melvin Cowznofski:

          nuqneH

          Sag sowas nicht! Inhalt und _Design_ sind unzetrennlich.
          Du meinst: Trenne Inhalt und _Präsentation_.

          den Sinn dieser Erbsenzählerei verstehe ich nicht.

          Design ist untrennbar mit dem Inhalt verbunden; ohne Inhalt kann man nicht(s) designen. Was denn auch?

          In der html Datei zeichne ich einen Satz zB. als Überschrift 1. Ordnung aus, das ist mein Inhalt.
          In der ausgelagerten CSS Datei lege ich zB. fest, welche Farbe die Überschrift haben und wie groß sie sein soll, das ist das Design = Präsentation.

          Nein. Schon die Entscheidung, dass der Abschnitt eine Überschrift hat, ist Design.

          „Was Design ist, was Design nicht ist – [ich habe mich] an einer Zusammenfassung.versucht – recht erfolgreich.“ (Matthias Apsel)

          Qapla'

          --
          „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
  2. Hallo

    Ich versuche eine etwas laengere Tabelle zu erstellen. Auf unserer Deutschen Seite hat es geklappt, aber jetzt wo ich eig. nur die Texte uebersetze geht es nicht mehr. Hier ein Ausschnitt, die Tabellen werden nicht gleich gross angezeigt obwohl meiner Meinung nach die Codes gleich sind....

    <table border='1'>  
      <tr>  
      <th width='40%' height='80' bgcolor='#CCE5FF' span style='font-size:80%'>Airport Santo Domingo (SDQ)</th>  
        <th width='14%' bgcolor='#CCE5FF' span style='font-size:80%'>Time</th>  
        <th width='23%' bgcolor='#CCE5FF' span style='font-size:80%'>Price<br>per car<br> 1-5 pers</th>  
        <th width='23%' bgcolor='#CCE5FF' span style='font-size:80%'>Price<br>per bus<br>6 - 10 pers</th>  
      </tr>  
      <tr>  
        <td span style='font-size:80%'>SDQ Airport – SD City</td>  
        <td span style='font-size:80%' align='center' valign='middle'>30 min</td>  
        <td span style='font-size:80%' align='center' valign='middle'>46.-</td>  
        <td span style='font-size:80%' align='center' valign='middle'>64.-</td>  
      </tr>  
      <!-- noch mehr Zeilen -->  
      <tr>  
        <td span style='font-size:80%'>SDQ Airport – Las Galeras</td>  
        <td span style='font-size:80%' align='center' valign='middle'>2.5 h</td>  
        <td span style='font-size:80%' align='center' valign='middle'>261.- </td>  
        <td span style='font-size:80%' align='center' valign='middle'>380.-</td>  
      </tr span style='font-size:80%'>  
      <tr>  
    </table>
    

    Zu dem von Camping_RIDER gesagten möchte ich folgendes ergänzen. Ein Attribut span in den Tags <th> oder <td> gibt es nicht. Die Angaben zur Schriftgröße erfolgen zwar einigermaßen vorbildlich mit CSS, sind aber erstens redundant und zweitens stellenweise falsch.

    Einigermaßen vorbildlich, weil CSS-Regeln, wie RIDER bereits schrieb, besser in einer externen CSS-Datei aufgehoben sind, redundant, weil die Angabe für das Elternelement (hier table) reicht, um allen Inhalt auf die Schriftgröße von 80% zu bringen und falsch, weil die Angabe im schließenden Tag von <tr> nichts zu suchen hat.

    Was auch immer der konkrete Fehler sein mag, bitte kontrolliere deinen Quelltext immer vor einer genaueren Suche mit dem Validator, damit mögliche (meist fürchterlich banale) Fehlerquellen schon von vornherein ausgeschlossen sind.

    Tschö, Auge

    --
    Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.
    Terry Pratchett, "Wachen! Wachen!"
    ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:}
    Veranstaltungsdatenbank Vdb 0.3
  3. Hallo,

    Tabellen werden nicht gleich gross angezeigt

    Kann mir jemand helfen?

    Mir ist es gelungen, beide Tabellen gleich breit werden zu lassen, in dem ich die <br>-tags aus den th-Elementen entfernt habe. Das kann natürlich nicht die Lösung sein, aber irgendwie scheinen sie die Breitenberechnung zu beeinflussen.

    Gruß
    Kalk