Warum sehe ich in der Entwurfsansicht nichts?

Report · Jan 16, 2018

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?

Report · Jan 16, 2018

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,

^ _ ^

Report · Jan 16, 2018

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.

Report · Jan 16, 2018

Das habe ich übersehen, vielen Dank!

Report · Jan 16, 2018

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.

Report · Jan 16, 2018

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,

^ _ ^

Report · Jan 16, 2018

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

Report · Jan 16, 2018

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,

^ _ ^

Report · Jan 16, 2018

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

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

Report · Jan 16, 2018

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,

^ _ ^

Report · Jan 16, 2018

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.

Report · Jan 17, 2018

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?

Report · Jan 17, 2018

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.

Report · Jan 19, 2018

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

<tr>

</tr>

</table>

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

Report · Jan 19, 2018

Try

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

Wappler, the only real Dreamweaver alternative.

Report · Jan 19, 2018

Yes, now it works - Thank you

but I do not understand why

edit

yes I see 50 instead of 50px

Report · Jan 19, 2018

height=50 should be height: 50px

Wappler, the only real Dreamweaver alternative.

Report · Jan 19, 2018

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.)

Report · Jan 19, 2018

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

Report · Jan 19, 2018

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,

^ _ ^

Report · Jan 19, 2018

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

Report · Jan 19, 2018

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

<tr>

</tr>

</table>

Let's use some other colors:

<tr>

</tr>

</table>

V/r,

^ _ ^

Report · Jan 19, 2018

Thank you

Report · Jan 19, 2018

Bitte.

Report · Jan 19, 2018

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,

^ _ ^

Adobe Community

Warum sehe ich in der Entwurfsansicht nichts?

1 Correct answer