Antworten auf deine Fragen:
Neues Thema erstellen

[DW CC Version 13.1 Build 6443]Wie komme ich dann weiter ? :-/

Florence_Roomer

Florence_Roomer

Noch nicht viel geschrieben

Hi !

Ich weiß nicht, wo der Fehler liegt...
Ich muß meine Übung am Freitag abgeben.

Ich versuche die ganze Zeit im Dreamweaver den Inhalt (bzw. Content) neben den Navigation hinzustellen.
Was macht der Dreamweaver ?

Das Programm bringt den gesamten Inhalt durcheinander.
Wie gehe ich denn jetzt weiter ?

Ich kann nicht herausfinden, wo der Fehler liegt.
Ich weiß nicht ob, das hilfreich ist, aber ich liege den gesamten Code im Spoiler bei.

<!doctype html>
<div>
<html>
<head>
<meta charset="utf-8">
<title>Das Universum</title>
<style type="text/css">
#Logo {
font-family: aguafina-script;
font-size: 24px;
font-style: italic;
font-weight: bolder;
text-transform: uppercase;
text-decoration: none;
color: rgba(97,158,251,0.76);
text-align: center;
}
#Slogan {
font-size: 18px;
font-style: italic;
color: rgba(50,85,250,0.76);
text-align: center;
font-family: poiret-one;
font-weight: bold;
text-decoration: none;
}
#Navigation {
}
#Navigation {
font-family: delius-swash-caps;
font-style: normal;
font-weight: 400;
color: rgba(97,158,251,0.76);
display: block;
width: 250px;
float: left;
padding-right: 50px;
}
li {
border: thin double rgba(97,158,251,0.76);
list-style-type: none;
}
p {
font-family: delius-swash-caps;
font-style: normal;
font-weight: 400;
color: rgba(255,255,255,1);
text-align: justify;
}
h1 {
font-family: delius-swash-caps;
font-style: normal;
font-weight: 400;
color: rgba(255,255,255,1);
text-align: center;
}
body {
background-color: rgba(0,0,0,1);
}
#Foto_Universum {
display: block;
margin-right: 50px;
margin-bottom: 50px;
}
#Hubble {
}
#Bilder {
margin-right: 50px;
margin-bottom: 50px;
display: block;
}
#Inhalt {
float: left;
padding-left: 50px;
}
</style>
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->
<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/delius-swash-caps:n4:default.js" type="text/javascript"></script>

</head>

<body>
<div>
<div id="Wrapper">
<div id="Banner"><img src="IMG/Banner.jpg" width="2400" height="200" alt=""/></div>
<div id="Logo">
<div>Das Universum</div>
</div>
<div>
<div id="Slogan">Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber bei dem Universum bin ich mir noch nicht ganz sicher.</div>
</div>
<div id="Navigation">
<ul>
<div>
<li>START</li>
</div>
<li>ERDE</li>
<li>ERDPOSITION</li>
<li>PLANETEN
MILLENIUM</li>
<li>KOSMOSSTRUKTUREN</li>
<li>PARALLELWELT</li>
<li>WELTEN-THEORIE</li>
<li>GALAXIE</li>
<li>UNIVERSUM</li>
<li>GOODIES</li>
<li>ENDE</li>
<li>IMPERIALE IMPRESSUM</li>
</ul>
</div>
<div>
<div id="Inhalt">
<div>
<div>
<h1>Das Universum und Ihre Planeten</h1>
</div>
</div>
<div id="Bilder">
<p><strong><img src="IMG/Hubble_Ultra_Deep_Field_Klein.jpg" width="388" height="388" alt="Hubble"/></strong>Jeder der einmal ein Kind war, wünscht sich weit hinaus auf das Weltall. Doch es gibt bestimmt Kinder, die einmal eines Tages Astronauten werden können, um das Weltall zu bewundern. Es gibt einige berühmte Beispiele wie Neil Armstrong oder Buzz Aldrin oder Michael Collins. Sie konnten ihre Wünsche erfüllen, dazu braucht man eine Spezielle Ausbildung, Fächer wie Mathematik und Physik sind Pflicht und man soll auch sehr oft einige Trainingsstunden einhalten können.</p>
</div>
<div id="Banner_Zwei"><img src="IMG/Banner_2.jpg" width="2400" height="200" alt=""/></div>
</div>
</div>
</body>
</html>
</div>
Zum Vergrößern anklicken....


Hoffentlich kann einer von uns herausfinden, wo der Fehler ist.
Das Problem ist, dank Creative Cloud ist das Programm bei mir aktueller als beim WIFI Kurs (Nur CS6).

Übrigens, wo ist der Button bzw. welche Code hat Euer Forum den Spoiler oder geht das nicht mit dem Spoilerfunktion ?
Naja im Zitat ist eine elendslange Codetext und das sieht nicht gut aus beim posten der Antworten und Threads... :hmpf:

Besten Dank im voraus für die Mühe !
icon_daumenhoch.gif


LG, Florence Roomer. :rot:
 

Myhar

Myhar

Hat es drauf

AW: [DW CC Version 13.1 Build 6443]Wie komme ich dann weiter ? :-/

Um zwei Block-Elemente nebeneinander zu bekommen musst du sie floaten. Du floatest zwar dein div mit der ID Navigation, das darauffolgende div wird jedoch nicht gefloatet. Du floatest lediglich das div mit der ID Inhalt, welches innerhalb eines anderen Block-Elements liegt. Du musst die beiden zu floatenden Elemente auch im DOM Baum nebeneinander platzieren, dann klappt es mit dem nebeneinander.

btw, warum verwendest du zwar den HTML5 doctype, verzichtest aber auf HTML5 Tags wie nav, footer, etc?
 
cythux

cythux

Aktives Mitglied

AW: [DW CC Version 13.1 Build 6443]Wie komme ich dann weiter ? :-/

Ohne Dreamweaver gearbeitet und unnötiges rausgelassen, da ich deine Bilder nicht hatte habe ich ein Füllbilder von lorempixel genommen zudem würde ich dir empfehlen keine Bilder von 2400*200px im Header oder footer zu verwenden, und die Bilder solltest du auch via CSS einbinden

P.s.: Code ist nur spontan auf der Schnelle geschrieben
PHP: 
<!DOCTYPE html>
<html lang="de">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Das Universum</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/old.css">
    </head>
    <body>
    	<header class="clearfix">
    		<div id="banner"><img src="http://lorempixel.com/960/200/technics/"/></div>
			<div id="logo">Logo</div>
			<div id="slogan">Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber bei dem Universum bin ich mir noch nicht ganz sicher.</div>
    	</header>    

    	<nav id="navigation" class="clearfix" role="navigation">
    		<ul>
    			<li><a href="#">Start</a></li>
    			<li><a href="#">ERDE</a></li>
    			<li><a href="#">ERDPOSITION</a></li>
    			<li><a href="#">PLANETENMILLENIUM</a></li>
    			<li><a href="#">KOSMOSSTRUKTUREN</a></li>
    			<li><a href="#">PARALLELWELT</a></li>
    			<li><a href="#">WELTEN-THEORIE</a></li>
    			<li><a href="#">GALAXIE</a></li>
    			<li><a href="#">UNIVERSUM</a></li>
    			<li><a href="#">GOODIES</a></li>
    			<li><a href="#">ENDE</a></li>
    			<li><a href="#">IMPERIALE IMPRESSUM</a></li>
    		</ul>
    	</nav>

    	<section role="content">
    		<article id="inhalt" class="clearfix">
    			<hi>Das Unversum und Ihre Planeten</hi>
    			<br />
    			<div id="bilder" class="clearfix">
    			<img src="http://lorempixel.com/388/388/technics/"/>
    			</div>
    				<p>Jeder der einmal ein Kind war, wünscht sich weit hinaus auf das Weltall. Doch es gibt bestimmt Kinder, die einmal eines Tages Astronauten werden können, um das Weltall zu bewundern. Es gibt einige berühmte Beispiele wie Neil Armstrong oder Buzz Aldrin oder Michael Collins. Sie konnten ihre Wünsche erfüllen, dazu braucht man eine Spezielle Ausbildung, Fächer wie Mathematik und Physik sind Pflicht und man soll auch sehr oft einige Trainingsstunden einhalten können.</p>    			
    		</article>
    		<div id="Banner_Zwei" class="clearfix">
    		<img src="http://lorempixel.com/960/200/technics/"/>
    		</div>
    	</section>
    </body>
</html>

PHP: 
#logo {
font-family: aguafina-script;
font-size: 24px;
font-style: italic;
font-weight: bolder;
text-transform: uppercase;
text-decoration: none;
color: rgba(97,158,251,0.76);
text-align: center;
}
#slogan {
font-size: 18px;
font-style: italic;
color: rgba(50,85,250,0.76);
text-align: center;
font-family: poiret-one;
font-weight: bold;
text-decoration: none;
}
#navigation {
}
#navigation {
font-family: delius-swash-caps;
font-style: normal;
font-weight: 400;
color: rgba(97,158,251,0.76);
display: block;
width: 250px;
float: left;
padding-right: 50px;
}
li {
border: thin double rgba(97,158,251,0.76);
list-style-type: none;
}
p {
font-family: delius-swash-caps;
font-style: normal;
font-weight: 400;
color: rgba(255,255,255,1);
text-align: justify;
}
h1 {
font-family: delius-swash-caps;
font-style: normal;
font-weight: 400;
color: rgba(255,255,255,1);
text-align: center;
}

body {
background-color: rgba(0,0,0,1);
margin-left : 15%;
margin-right: 15%;
}
}
#foto_universum {
display: block;
margin-right: 50px;
margin-bottom: 50px;
}
#hubble {
}
#bilder {
margin-right: 50px;
margin-bottom: 50px;
display: block;
}
p {
	margin-left: 10%;
	margin-right: 10%;
	text-decoration: none;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}
 
Florence_Roomer

Florence_Roomer

Noch nicht viel geschrieben

AW: [DW CC Version 13.1 Build 6443]Wie komme ich dann weiter ? :-/

Myhar schrieb:
btw, warum verwendest du zwar den HTML5 doctype, verzichtest aber auf HTML5 Tags wie nav, footer, etc?
Zum Vergrößern anklicken....

Hi !

@Myhar

Danke für die Antwort !
Das hatte ich auch schon über Nacht herausgefunden.

Man sieht den Wald vor lauter Bäumen nicht ! :lol:
Danke trotzdem !

Jetzt zu Deiner Frage :
Wir lernen gerade beim WIFI - Kurs, daher weiß ich das mit dem neuen HTML5 Sachen darüber nicht und habe daher auch keine Ahnung davon, wahrscheinlich weiß der Trainer auch nicht... :-/

Ich werde ihn am Montag darauf ansprechen... :daumenhoch:

 @Cythux

Huch, dh. ich habe sehr viele Fehler gemacht oder wie ? :eek: :uhm:
Hm, das ist aber natürlich blöd ! -.-

Wie gesagt, DW CC ist anders als DW CS6 ! :-/
Danke für die Aufmerksamkeit und für Deine Mühe ! :daumenhoch:

@All

Ich versuche die ganze Zeit YT Videos einzubinden.
Selbst mit dem <iframe> Code schaffe ich es nicht sie anzuzeigen und abzuspielen.

Man sieht sie nichts ! :motz:
Was mache ich den falsch ?

Ein einfaches Copy and Paste Funktion mit dem folgenden Code geht es nicht.
Hier ist der Code :

<iframe width="1280" height="720" src="//www.youtube.com/embed/KaOC9danxNo" frameborder="0" allowfullscreen></iframe>
Zum Vergrößern anklicken....
Worauf muß ich den sonst noch beachten ?
Danke schön im voraus für die Mühe ! :daumenhoch:

LG, Florence Roomer. ;)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 147 (Mitglieder: 3, Gäste: 144)
Robots: 890

Statistik des Forums

Themen
118.565
Beiträge
1.538.067
Mitglieder
67.488
Neuestes Mitglied
Andrew56524
Oben