Fragen über Fragen!?!

[lightbox]

Moin,

bin immer noch dabei meine erste Seite zu erstellen. Hab sie mal drangehängt.

Nun hab ich noch ein paar fragen.

1. Wie kann ich neben dem "Menu" einen roten "senkrechten" Streifen erzeugen?

2. Die Seite soll eine FESTE größe z.b. von 800x500 pix haben. Dazu sol sie noch im Browser zentriert sein. geht das mit CSS?

3. Die Seite ansich soll dann komlpett schwarz sein, bis auf text und sooo...
Wie bekommt man dann hintergrund, also das was ausserhalb der Seite ist, z.b. grau?

So, ich glaub das war es erstmal, hab mal was dranghängt, ich galub an dem beispiel könnt ihr es mir besser erklären.

Danke
TObi

[Torsten]

Zitat von lightbox

1. Wie kann ich neben dem "Menu" einen roten "senkrechten" Streifen erzeugen?

Mit Hilfe von CSS

Zitat von lightbox

2. Die Seite soll eine FESTE größe z.b. von 800x500 pix haben. Dazu sol sie noch im Browser zentriert sein. geht das mit CSS?

Ja

Zitat von lightbox

3. Die Seite ansich soll dann komlpett schwarz sein, bis auf text und sooo...
Wie bekommt man dann hintergrund, also das was ausserhalb der Seite ist, z.b. grau?

Ebenfalls mit CSS

Die Dreamweaver-Hilfe solltest Du ja kennen, ergänzend gäbe es da noch:
Dreamweaver Quicklinks
Dreamweaver Video Workshops

[lightbox]

Na da sag ich doch ganz einfach mal danke für deine ausführlichen Antworten!

Da komm ich ja mit google weiter...

Mir geht ja darum das ich nicht genau weiß,
wie es geht und ich um eine Hilfestellung gebeten hatte... !

Dasman es manchen kann ist mir schon klar, auch ungefähr wie, nur haben meine Versuche bislang noch kein richtiges ergebnis gezeigt!

[Torsten]

Na wie wäre es denn dann mit einer fundierten Fragestellung und anstatt einer ZIP-Datei mit einem Onlinebeispiel?

Nicht jeder wird Zeit und Lust haben eine ZIP-Datei zu entpacken, die Dateien in einen Entsprechenden Ordner zu verschieben, eine neue Dreamweaver-Sitedefinition anzulegen nur um zu sehen was Du gebaut hast

Z.B. zu Deiner Frage 2:
Ich hätte auch schreiben können

body{background:grey}
#pagewrapper{background:black; color:white}

Aber hätte Dir das geholfen?

[lightbox]

Na gut, ich kenne es aus anderen Foren, wo es leiber gesehn wird, wenn man das ganze mal als Datei dranhängt anstatt dann irgendwann einen Toten link drinzuhaben...

Aber bitteschön:

http://lichtwanne.de/test/index.html

Das ist die Das was jetzt rot ist, also der Body, soll eine feste größe haben. Diese soll auch zentriert sein.

Dann soll dort wo später das Menu ist, also "About"... noch ein "roter" senkrechter Strich hin.

Zu deinem Script, ja da wäre mir lieber, wenn du mir jetzt noch sagen würdest wie/wo ich das ganze einfüge. wäre ich schonmal ne ecke weiter....

z.Z. ist das die CSS Datei:

body {
	background-color: #CC0000;
}

#menu {
	height: 350px;
	width: 150px;
	position: fixed;
	top: 80px;
	background-color: #000000;
}
#inhalt {
	position: fixed;
	height: 400px;
	width: 400px;
	top: 60px;
	background-color: #000000;
	left: 300px;
}

#menu h2 {
	font-family: Latha;
	font-weight: lighter;
	font-variant: small-caps;
	color: #CCCCCC;
}

Gruss
Tobi

[Torsten]

Okay jetzt kann man ganz anders an die Sacher herangehen

Wenn ich mir den Sourcecode Deiner Site ansehe, dann fällt mir auf das Du Dein Menue nicht gerade optimal aufgebaut hast. Vermutlich liegt das daran das Du nicht sehr vertraut im Umgang mit HTML und CSS bist.

Hier solltest Du auf jeden Fall vorbeischauen:
HTML-Dateien selbst erstellen: SELFHTML
CSS-Referenz auf deutsch: CSS4YOU

Sämtliche CSS-Anweisungen wie die welche ich Dir weiter oben aufschrieb kommen dann natürlich in die CSS-Datei, welche Du schon erfolgreich angelegt hast.

Hier gibt es einige CSS-Templates: http://www.intensivstation.ch/en/templates/ welche Du für den Grundaufbau benutzen könntest.
Diese Seite ist ebenso einen Besuch Wert: http://www.thenoodleincident.com/tut...son/boxes.html

Und hier erfährst du einiges über das richtige erstellen von CSS-Menues: http://css.maxdesign.com.au/listamatic2/vertical03.htm#

Sollte ich falsch liegen und ich einem Irrtum bzgl. meiner Vermutung was Deine Kenntnisse in HTML und CSS betrifft aufgesessen sein bitte ich dies zu entschuldigen.

[lightbox]

Zitat von Torsten

Wenn ich mir den Sourcecode Deiner Site ansehe, dann fällt mir auf das Du Dein Menue nicht gerade optimal aufgebaut hast. Vermutlich liegt das daran das Du nicht sehr vertraut im Umgang mit HTML und CSS bist.

Hmm, also estmal danke für deine Antwort, was meinst du jetzt mit "nicht optimal aufgebaut"?

Da hab ich noch garnichts aufgebaut bis daraf das ich die Menupunkte aufgeschrieben habe.

Wie füge ich denn z.b. so ein Template wie dieses hier bei mir ein?

http://www.intensivstation.ch/files/...te-1-3col.html

Sorry, habe vorher nie was mit html und oder CSS zutungehabt...

Tobi

[Torsten]

Zitat von lightbox

...was meinst du jetzt mit "nicht optimal aufgebaut"?

Da hab ich noch garnichts aufgebaut bis daraf das ich die Menupunkte aufgeschrieben habe.

Naja ein Menue wie das Deine baut man in einer Liste auf, wie weiter oben schon geschrieben gibts hier viele Listenmenuebeispiele: http://css.maxdesign.com.au/listamatic2/vertical03.htm#

Und hier gibt es ein Tool mit dem Du Dir eine solche Liste zusammenklicken kannst: List-O-Matic

Zitat von lightbox

Wie füge ich denn z.b. so ein Template wie dieses hier bei mir ein?

http://www.intensivstation.ch/files/...te-1-3col.html

Sorry, habe vorher nie was mit html und oder CSS zutungehabt...

Einfach downloaden und das Temlpate als Deine Site benutzen...

[lightbox]

So,hab sie jetzt mal etwas umgebaut:

Neue Testseite

Aktive Menupunkte sind "About" und "Dressed"

-Nur bekom ich es immer noch nicht hin, das ich neben dem Menu einen roten senkrechten Streifen habe.

- Wie kann man ein Mousover bei dem Menu hinbekommen, das der Text dann z.b. rot wird.

- Kann man den Scroller der erscheint, wenn man auf "About" klickt, farblich verändern?

Ich glaub das waren erstmal alle fragen... ;-)


Gruss
Tobi

Hier noch das CSS Script:

/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
	background-color: #9A96A4;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding:0;
	margin:0;
}
a {
	color: #DB7093;
	background-color: #CCCCCC;
}
a:visited {
	color:#000000;
	background-color: #000000;
}
a:hover {
	color: #564b47;
	background-color: #000000;
}
a:active {
	color:#000000;
	background-color: #000000;
}

h1 {
	font-size: 11px;
	text-transform:uppercase;
	background-color: #000000;
	border-top:1px solid #564b47;
	border-bottom:1px solid #564b47;
	padding:5px 15px;
	margin:0
}

h2 {
	font-size:20px;
	font-weight: lighter;
	padding: 5px 10px;
	margin:0;
	font-family: Latha;
	font-variant: small-caps;
	color: #333333;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout-------------- */
#container {
	width: 900px;
	margin-bottom: 10px;
	margin: 0 auto;
	background-color: #000000;
}

/* ----------banner for logo-------------- */
#banner {
	background-color: #000000;
	text-align: right;
	padding: 0px;
	margin: 0px;
}
#banner img {padding:10px 0px;} 

/* -----------------content--------------------- */
#content {
	background-color: #000000;
	padding: 0px;
	margin: 0 200px;
}
div#content {
	min-height:400px;

height:expression(this.scrollHeight > 400 ? "auto":"400px"); 
	background-color: #000000;
}

p, pre{
	padding: 5px 10px;
	margin:0px;
	background-color: #000000;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0;
padding: 0;
}
#right {
float: right;
width: 200px;
margin: 0;
padding: 0;
}


/* -----------footer--------------------------- */
#footer {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: right;
	background-color: #000000;
}

[StephanF]

Nur bekom ich es immer noch nicht hin, das ich neben dem Menu einen roten senkrechten Streifen habe.

Du sagst ja auch nirgend wo, das da ein Streifen hin soll.
probier mal

#left {
border-right: 1px solid #FF0000;
float: left;
width: 200px;
margin: 0;
padding: 0;
}

[simplicissimus]

@ lightbox

Ich denke, damit können wir Deinen Beitrag hier wohl als erledigt betrachten:
http://www.dreamworker.de/foren/showthread.php?t=25245
Eine Mitteilung, dass Dir hier geholfen wurde, wäre ganz nett gewesen ...

[lightbox]

Man könnte dieses nicht nur von diesem Threat hier behaupten, es gibt genug andere die "parallel" laufen...

Siehe z.b.:
http://www.traum-projekt.com/forum/2...ion-links.html

[lightbox]

Danke für das Script wie man so einen Streifen macht, jetzt würd mich nur noch interrssieren ob man den Scroller farblich ändern kann...

Danke
Tobi

[Rinaldo]

Kann man - mit CSS aber nur für den IE.

Dann gibts noch verschiedene Lösungen mit JavaScript.