Highlighted

Warum sehe ich in der Entwurfsansicht nichts?

Explorer ,
Jan 16, 2018

Copy link to clipboard

Copied

Hallo, ich bin gerade dabei, Tabellenerstellung zu lernen und üben. Ich habe nun eine einfache Tabelle erstellt mit folgendem 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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Test mit Tabellen</title>

</head>

<body>

</html><table width="700" height=400" border="1" bordercolor="#330000" cellspacing="0" cellpadding="0" bgcolor="#FFCCFF">

  <tr>

     </th><tr><td><table><tr><td>Hallo</td></tr></table></td>

  </tr>

</table>

</body>

</html>

Wenn ich aber auf die Entwurfsansicht gehe, sehe ich nichts.

Worin liegt die Ursache?

It looks as if you have a closing HTML tag before the table.  Remove it, keeping the closing </html> tag at the bottom of your code, and test it.  It should work.

Es sieht so aus, als ob Sie vor der Tabelle ein schließendes HTML-Tag haben. Entfernen Sie es, halten Sie das schließende </ html> -Tag am unteren Rand Ihres Codes und testen Sie es. Es sollte funktionieren.

V/r,

^ _ ^

TOPICS
Learn Dreamweaver

Views

984

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Warum sehe ich in der Entwurfsansicht nichts?

Explorer ,
Jan 16, 2018

Copy link to clipboard

Copied

Hallo, ich bin gerade dabei, Tabellenerstellung zu lernen und üben. Ich habe nun eine einfache Tabelle erstellt mit folgendem 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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Test mit Tabellen</title>

</head>

<body>

</html><table width="700" height=400" border="1" bordercolor="#330000" cellspacing="0" cellpadding="0" bgcolor="#FFCCFF">

  <tr>

     </th><tr><td><table><tr><td>Hallo</td></tr></table></td>

  </tr>

</table>

</body>

</html>

Wenn ich aber auf die Entwurfsansicht gehe, sehe ich nichts.

Worin liegt die Ursache?

It looks as if you have a closing HTML tag before the table.  Remove it, keeping the closing </html> tag at the bottom of your code, and test it.  It should work.

Es sieht so aus, als ob Sie vor der Tabelle ein schließendes HTML-Tag haben. Entfernen Sie es, halten Sie das schließende </ html> -Tag am unteren Rand Ihres Codes und testen Sie es. Es sollte funktionieren.

V/r,

^ _ ^

TOPICS
Learn Dreamweaver

Views

985

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jan 16, 2018 0
LEGEND ,
Jan 16, 2018

Copy link to clipboard

Copied

It looks as if you have a closing HTML tag before the table.  Remove it, keeping the closing </html> tag at the bottom of your code, and test it.  It should work.

Es sieht so aus, als ob Sie vor der Tabelle ein schließendes HTML-Tag haben. Entfernen Sie es, halten Sie das schließende </ html> -Tag am unteren Rand Ihres Codes und testen Sie es. Es sollte funktionieren.

V/r,

^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 1
Adobe Community Professional ,
Jan 16, 2018

Copy link to clipboard

Copied

sommerhitze  wrote

<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Test mit Tabellen</title>

</head>

<body>

</html><table width="700" height=400" border="1" bordercolor="#330000" cellspacing="0" cellpadding="0" bgcolor="#FFCCFF">

  <tr>

     </th><tr><td><table><tr><td>Hallo</td></tr></table></td>

  </tr>

</table>

</body>

</html>

Wenn ich aber auf die Entwurfsansicht gehe, sehe ich nichts.

Worin liegt die Ursache?


You have 2 ending </html> tags, remove the first one.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 2
Explorer ,
Jan 16, 2018

Copy link to clipboard

Copied

Das habe ich übersehen, vielen Dank!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 0
Explorer ,
Jan 16, 2018

Copy link to clipboard

Copied

Und noch ein Problem tut sich auf: Wenn ich den Text vergrößern will und ich in der Menüleiste auf Text und dann im Dropdown Menü auf Größe ändern gehe, klappt zwar ein Änderungsvorschlag auf mit +1,+2... aber die Größen können nicht angeklickt werden.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 0
LEGEND ,
Jan 16, 2018

Copy link to clipboard

Copied

If I am being honest, you really should not use the +1, +2 font size changes.  Those are deprecated and should be replaced with CSS (ie, 'font-size:20px;', and such as that.)

Wenn ich ehrlich bin, sollten Sie die Änderungen der Schriftgröße +1, +2 nicht verwenden. Diese sind veraltet und sollten durch CSS ersetzt werden (zB 'font-size: 20px;', und so).

V/r,

^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 1
Explorer ,
Jan 16, 2018

Copy link to clipboard

Copied

Nun kann ich üben...(now I can try)

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 1
LEGEND ,
Jan 16, 2018

Copy link to clipboard

Copied

Using tables is a good way to get started in HTML, but after a while you should think about using DIV tags for layout.  Tables are nice, especially for tabular data, but browsers parse tables twice - once for format and layout, then a second time for data.  Tables are inefficient.  DIV tags are also part of responsive design and work well on both desktop and mobile devices.

Die Verwendung von Tabellen ist eine gute Möglichkeit, um mit HTML zu beginnen, aber nach einiger Zeit sollten Sie darüber nachdenken, DIV-Tags für das Layout zu verwenden. Tabellen sind schön, besonders für Tabellendaten, aber Browser analysieren Tabellen zweimal - einmal für Format und Layout, dann ein zweites Mal für Daten. Tabellen sind ineffizient. DIV-Tags sind ebenfalls Teil des Responsive Designs und funktionieren sowohl auf Desktops als auch auf mobilen Geräten gut.

V/r,

^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 0
Explorer ,
Jan 16, 2018

Copy link to clipboard

Copied

Die Entwurfsansicht ist aber völlig anders als die im Browser

[URL=http://www.bilder-upload.eu/show.php?file=5d302c-1516135051.png][/URL]

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 0
LEGEND ,
Jan 16, 2018

Copy link to clipboard

Copied

Yes, every browser is a little different, and Live View is Adobe version of a browser.  You should always test in both Internet Explorer and FireFox as they are the most commonly used browsers.  You can also test in Chrome, Opera, and Safari.  Then, if you are really concerned about everyone being able to enjoy your sites, you can also test in Konqueror (for Linux systems.)

Ja, jeder Browser ist ein wenig anders und Live View ist die Adobe-Version eines Browsers. Sie sollten immer in Internet Explorer und FireFox testen, da sie die am häufigsten verwendeten Browser sind. Sie können auch in Chrome, Opera und Safari testen. Wenn Sie wirklich daran interessiert sind, dass alle Ihre Websites genießen können, können Sie auch in Konqueror (für Linux-Systeme) testen.  Sie müssen jedoch ein Linux-System (physisches Gerät oder virtuelle Maschine) in Konqueror testen.

V/r,

^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 0
Explorer ,
Jan 16, 2018

Copy link to clipboard

Copied

Leider funktioniert der Bilderupload nicht. Ich meine die Entwurfsansicht in Dreamweaver, da ist der Text schwarz und der Hintergrund weiß, im Browser (egal ob firefox oder IE) ist die Tabelle rosa und in der Mitte ist der Text in Blau.

Der Bildlink funktioniert wieder nicht.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 0
Explorer ,
Jan 17, 2018

Copy link to clipboard

Copied

Vielleicht könnt Ihr mir auch dabei helfen:

Ich will einen Text in einem bestimmten Abstand von linken Rand platzieren. Wie lautet der code dazu?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 17, 2018 0
LEGEND ,
Jan 17, 2018

Copy link to clipboard

Copied

Cascading Style Sheet (CSS) code will work with table cells (TD) to place text a measured distance from the left.  For example, if you want the text to be placed 20 pixels from the left, one could use padding.

Cascading Style Sheet (CSS) -Code funktioniert mit Tabellenzellen (TD), um Text eine gemessene Entfernung von links zu platzieren. Wenn Sie beispielsweise möchten, dass der Text 20 Pixel von links platziert wird, könnte das Padding verwendet werden.

<table style="width: 800px;">

     <tr>

          <td style="width: 200px; border: 1px solid red;">Text on the left.</td>

          <td style="width: 200px; padding-left: 20px; border: 1px solid red;">Text 20px from left.</td>

          <td style="width: 200px; padding-left: 40px; border: 1px solid red;">Text 40px from left.</td>

          <td style="width: 200px; padding-right: 10px; text-align: right; border: 1px solid red;">Text 10px from right.</td>

     </tr>

</table>

Hope this helps.  (Ich hoffe das hilft.)

V/r,

^ _ ^

I added a border to each TD so you can see where the text is.

Ich habe jedem TD einen Rahmen hinzugefügt, damit Sie sehen können, wo sich der Text befindet.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 17, 2018 0
Explorer ,
Jan 19, 2018

Copy link to clipboard

Copied

now I tried a little bit with this code and i modified something. Now the code is

<table style="width: 600px; height=50"> 

         <tr> 

              <td style="width: 200px; padding-left: 50px; border: 1px solid blue;">Text</td> 

              <td style="width: 200px; padding-left:70px ; border: 2px solid red;">TEXT</td> 

              <td style="width: 200px; padding-left: 70px; border: 2px solid red;">Text</td> 

              <td style="width: 200px; padding-left: 70px; border: 1px solid blue;">Text</td> 

         </tr> 

    </table>

but now the height of the table is no longer 50px but less

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 19, 2018 0
Adobe Community Professional ,
Jan 19, 2018

Copy link to clipboard

Copied

Try

<table style="width: 600px; height: 50px;">


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 19, 2018 1
Explorer ,
Jan 19, 2018

Copy link to clipboard

Copied

Yes, now it works - Thank you

but I do not understand why

edit

yes I see 50 instead of 50px

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 19, 2018 0
Adobe Community Professional ,
Jan 19, 2018

Copy link to clipboard

Copied

height=50 should be height: 50px


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 19, 2018 0
LEGEND ,
Jan 19, 2018

Copy link to clipboard

Copied

As BenPleysier pointed out, CSS doesn't use attribute = value format.  It is attribute : value ; and anything defining a size should use either pixel (px) or other size indicators, like em.

Wie BenPleysier darauf hingewiesen hat, verwendet CSS kein Attribut = Wertformat. Es ist Attribut: Wert; und alles, was eine Größe definiert, sollte entweder Pixel (px) oder andere Größenindikatoren wie em verwenden.

V/r,

^ _ ^

(I see the result of using a mechanical translator, and I have to wonder if it is translating my words accurately.  If not, I apologize.  I don't speak German.)

(Ich sehe das Ergebnis eines mechanischen Übersetzers, und ich frage mich, ob es meine Worte genau übersetzt. Wenn nicht, entschuldige ich mich. Ich spreche kein Deutsch.)

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 19, 2018 0
Explorer ,
Jan 19, 2018

Copy link to clipboard

Copied

Wenn ich nun die Schriftfarbe ändern will, z.B. auf rot, wie lautet dann das script?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 19, 2018 0
LEGEND ,
Jan 19, 2018

Copy link to clipboard

Copied

Add the following to the style attribute of the cell you want to change the font color to:

color: red;

Or, you can use the hexadecimal value:

color: #FF0000;

Or, you can use the hexadecimal shortcut:

color: #F00;

HTH,

^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 19, 2018 0
Explorer ,
Jan 19, 2018

Copy link to clipboard

Copied

thank you, but I don' know how to write this in a code f.e. fontcolor oder font-color?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 19, 2018 0
LEGEND ,
Jan 19, 2018

Copy link to clipboard

Copied

Let's say you want to make the font in the second cell red:

<table style="width: 600px; height:50px;">

         <tr>

              <td style="width: 200px; padding-left: 50px; border: 1px solid blue;">Text</td>

              <td style="width: 200px; padding-left:70px ; border: 2px solid red; color: #F00;">TEXT</td>

              <td style="width: 200px; padding-left: 70px; border: 2px solid red;">Text</td>

              <td style="width: 200px; padding-left: 70px; border: 1px solid blue;">Text</td>

         </tr>

    </table>

Let's use some other colors:

<table style="width: 600px; height:50px;">

         <tr>

              <td style="width: 200px; padding-left: 50px; border: 1px solid blue; color: #00F;">Text</td> <!-- BLAU -->

              <td style="width: 200px; padding-left:70px ; border: 2px solid red; color: #F00;">TEXT</td> <!-- ROT -->

              <td style="width: 200px; padding-left: 70px; border: 2px solid red; color: #0F0;">Text</td><!-- GRÜN -->

              <td style="width: 200px; padding-left: 70px; border: 1px solid blue;">Text</td> <!-- default is SCHWARZ -->

         </tr>

    </table>

V/r,

^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 19, 2018 2
Explorer ,
Jan 19, 2018

Copy link to clipboard

Copied

Thank you

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 19, 2018 0
LEGEND ,
Jan 19, 2018

Copy link to clipboard

Copied

Bitte.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 19, 2018 0
LEGEND ,
Jan 19, 2018

Copy link to clipboard

Copied

Just to give you an example of how easy and powerful using DIV for layout and format is.  Copy and paste the following code into a blank .html document and view it in any browser.  No matter how you adjust the browser size (full screen, half screen, etc.), the three areas always adjust.

Nur um Ihnen ein Beispiel zu geben, wie einfach und leistungsstark DIV für Layout und Format ist. Kopieren Sie den folgenden Code in ein leeres Dokument .html und sehen sie in jedem Browser. Unabhängig davon, wie Sie die Browsergröße anpassen (Vollbild, Halbbild usw.), passen sich die drei Bereiche immer an.

<!DOCTYPE html>
<html>
    <head>
        <title>test table</title>
        <style type="text/css">
            * {
                padding: 0px;
                margin: 0px;
                border: 0px solid transparent;
                font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
                color: #333;
                }
            #wrapperDiv {
                display:inline-block;
                position: absolute;
                width: 100%;
                background-color: #000; /*#D4E7FA;*/
                overflow: auto;
                top: 0px;
                bottom: 0px;
                }
            #navDiv {
                display: inline-block;
                position: relative;
                width: 100%;
                height: 50px;
                background-color: #F00;
                top: 0px;
                overflow: auto;
                float: left;
                }
            #contentDiv {
                display: inline-block;
                position: fixed;
                background-color: gold;
                top: 50px;
                bottom: 50px;
                left: 50px;
                right: 50px;
                overflow: auto;
                float: left;
                }
            #footerDiv {
                display: inline-block;
                position: fixed;
                height: 50px;
                background-color: #BBB;
                left: 0px;
                right: 0px;
                bottom: 0px;
                float: left;
                }
        </style>
    </head>
    <body>
        <div id="wrapperDiv">
            <div id="navDiv">
                Navigation goes here
            </div><div id="contentDiv">
                Content goes here
            </div><div id="footerDiv">
                Footer goes here
            </div>
        </div>
    </body>
</html>

V/r,

^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 19, 2018 1
Explorer ,
Jan 21, 2018

Copy link to clipboard

Copied

Hello,

another question: How can I define different tables in one html document to put the attributes like size, color and so on in a css stylesheet?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 21, 2018 0
LEGEND ,
Jan 22, 2018

Copy link to clipboard

Copied

You can give each table a unique identification, or you can give each table a class name, and set the CSS accordingly.

Sie können jeder Tabelle eine eindeutige Identifikation geben, oder Sie können jeder Tabelle einen Klassennamen geben und das CSS entsprechend einstellen.

<style>

#table1{ /* a hashtag # before the selector indicates an identification */

     width: 200px;

     border: 1px solid red;

     }

#table2{

     width: 400px;

     border: 2px solid green;

     }

.table3{/* a period before the selector indicates a class name */

     width: 600px;

     border: 3px solid blue;

     }

</style>

<table id='table1'>

     <tr>

          <td>Test text</td>

     </tr>

</table>

<table id='table2'>

     <tr>

          <td>Test text</td>

     </tr>

</table>

<table class='table3'>

     <tr>

          <td>Test text</td>

     </tr>

</table>

Identifications must be unique for every element in the DOM.  However, you can apply the same class name to more than one element.

Identifikationen müssen für jedes Element im DOM eindeutig sein. Sie können jedoch den gleichen Klassennamen auf mehr als ein Element anwenden.

Hope this helps. 

V/r,

^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 22, 2018 0
Adobe Community Professional ,
Jan 22, 2018

Copy link to clipboard

Copied

in complement of what WolfShade said, here you'll get some more infos

CSS selectors - CSS | MDN

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 22, 2018 1
Explorer ,
Jan 22, 2018

Copy link to clipboard

Copied

Thank you

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 22, 2018 0
LEGEND ,
Jan 16, 2018

Copy link to clipboard

Copied

You are welome.  Thank you for marking my answer as correct.  I do appreciate it.

Bitte schön. Danke, dass Sie meine Antwort als richtig markiert haben. Ich schätze es.

V/r,

^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2018 0