Website erstellen

[Revod]

Ok Prozente finde auch ich gut, somit der Brwoser, je nach Monitor es entsprechend verringert / vergrössert.
- Dann solltest Du es um 3 bis 4% die Linke leere Spalte von der Browseransicht aus nach rechts hin erhöhen, Minim. Gucke soeben mit meine PrivatPC 33" Widescreen Monitor.

- Rechtes Bild oben ist klar

- Setze vor dem <a vom Facebook Link das &nbs;&nbsp; rein, genau so → &nbs;&nbsp;<a href="..." (ist ein wenig geschummelt, weil Du diese 3 Links einheitlich im "padding" und ohne eine "Tagbekleidung" getrennt hast). Das sind die kleinen Detail, die ich einmal im css Zusammenhang erwähnt hatte.

.....

Die Zelle Navigation befindet sich Richtung links versetzt zum Gesamt Bild, siehe / vergleiche dazu rechtes Rand Abstand zum Browser Fenster hin

Stimmt. Aber warum?
Das Navigationsfeld:

Code: Alles auswählen

nav {
box-shadow: 0px 0px 5px 3px green;
float: left;
margin: 0px;
}

Das Symbol rechts:

Code: Alles auswählen

aside {
float: right;
margin: 0px;
}

Habe schon keinen Rand gelassen mit margin. Ich glaube das liegt am auslaufenden Schatten von der Navibox. Ich könnte evetuell die Navibox ein Stück in die Mitte holen. Wobei das padding ja durch den float unterbunden wird. Wenn ich die Box versuche mit padding-left ein stück in die Mitte zu rücken, dann wird das Navifeld nur wieder breiter.

Nun, das wird manchmal eine schwierige Rechnung, % te und Margins-Px

Das Symbol rechts: < Was meinst Du mit "Das Symbol rechts" und wo, Nav, Main? Wozu float-right?

Code: Alles auswählen

aside {
float: right;
margin: 0px;
}

(Achtung, habe das css Block von oben nach unten versetzt) Anstatt

Code: Alles auswählen

nav {
box-shadow: 0px 0px 5px 3px green;
float: left;
margin: 0px;
}

würde ich

Code: Alles auswählen

nav {
box-shadow: 0px 0px 5px 3px green;
list-style: none;
margin-top: 0px; margin-bottom: 0px; margin-left: 10px; margin-right: 0px;
}

"margin-left: 10px;" einfach um zu sehen um wie viel sich das ganze Menu nach rechts schiebt. Wenn es zu viel wäre kannst Du es auf 6- oder 4px um ändern.

Wegen des Padding Style, vermutlich auf 20px definiert, würde ich die anderen "margin" weg lassen. Man kann auch "padding-top" usw. verwenden, also oben unten links rechts einzeln im Abstand definieren. Glaube das ist auch der Fehler, das der Titel, Menu: nun zu weit nach rechts steht.

Das Symbol rechts:

Code: Alles auswählen

aside {
float: right;
margin: 0px;
}

Sehe den ganzes css nicht, doch habe das Gefühl das "margin: 0" widerspricht die "padding" Abstand Definition, wenn ich Deine Aussage über Padding wofür Du es verwendest richtig verstanden habe. Padding = Abstand innerhalb einer Zelle, Nav usw. zum Inhalt | Margin = Abspand zum nächst naheliegender dritt Objekt, Objekt 1 = <||||> Objekt 2 = <ooo> und die ||| - ooo wäre das Inhalt, als reines Beispiel.

Das grüne Schatten tuts nichts zu Sache.

[Revod]

So langsam wirds doch...

Nun nur noch den Style der Listen im Inhalt überdenken die Links "Kiste" passend nach rechts schieben- darin noch das Titel "Menu:" und das Facebook Symbol gut 4 px nach rechts, dann ist vieles ok.

Was hälst Du davon die Umrandung der Links mit einen sehr starkes Grün und einen 1px. breites Rand ohne Schatten, und dafür das Untergrund der "Nav" mit einen sehr schwaches Grün zu belegen? Kann es hier nur mit der Schrift zeigen, als Hintergrundfarbe: HINTERGRUNDFARBE < hier

beinahe durchsichtig, auf einer Fläche kann es stärker wirken, eventuell, einfach Farbmischer, GColor2 beanspruchen.

[Patsche]

Setze vor dem <a vom Facebook Link das &nbs;&nbsp; rein, genau so → &nbs;&nbsp;<a href="..."

Das bewirkt leider nichts.

würde ich

Code: Alles auswählen

nav {
box-shadow: 0px 0px 5px 3px green;
list-style: none;
margin-top: 0px; margin-bottom: 0px; margin-left: 10px; margin-right: 0px;
}

Das list-style. Gehört das dort hin? Habe das ja schon für li mit der Klasse "navigation" deklariert. Bei mir sieht es jetzt so aus:

Code: Alles auswählen

nav {
box-shadow: 0px 0px 5px 3px green;
float: left;
margin-top: 0px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px
}

Vielen Dank für die Hilfe. Macht echt Spaß, auch wenn es noch viele Fallstricke gibt. Machst du so etwas beruflich, oder haste das privat erlernt?

Edit:
Ich lass das mal in Bodenbelag stehen
-> http://patsche2014.cwsurf.de/html/boden ... eiten.html

[Revod]

Bin am "kleinen" Notebook, 13.3" Monitor und muss sagen hast diese Nacht es doch nigekreigt. Macht einen sehr gutes Eindruck als gesamtes Erscheinungsbild. Auch das Menü "Spalte" konntest Du im Abstand links einheitlich nach rechts schieben.

Nur noch die Details.....

Schwer wiegendes Fehler: Du hast Dir tatsächlich wunde Augen angetan, weil der zwingende Abstandhalter,

& < das ist richtig, so

Geschrieben hast, &nbs;&nbsp < das ist falsch.Der erste = richtig, dem zweiten fehlen am Anfang das & und am Ende das p und das Strichpunkt, dem dritten fehlt am Ende das Strichpunkt, daher erscheint es vor dem Facebook Link.

Ja, ffrüher bis vor ca. 2 Jahren. Heuer bieten viele Hoster das Website Modul gratis an und den meisten empfehle ich diesen Tool, wenn es um eine "Visitenkarte" oder "mien Katze, meine Familie usw" geht. 0815 sind relativ rasch erzeugt und für aufwendigere Web will den Aufwand keiner bezahlen. War früher in mein PC- Support Angebot

Zum stylen habe ich irgend wie dafür einen "glückliches" Auge dafür.

Ein Tipp

Hier das Menu
------------------------> hier das Inhalt Titel
------------- ----------> hier der Listen Titel
------------- ----------> Ab hier die Liste
-------------
------------

Nei:

Hier das Menu
------------------------> hier das Inhalt Titel
------------- ----------> ab hier 1px feines <hr /> und <div class="detailliste">
------------- ----------> hier der Listen Titel
------------- ----------> horizintale Liste
------------- ----------> ab hier </div und 1px feines <hr /> gleich breit wie das obige
------------- ----------> hier ein einze
------------- < 6. Link
------------

Und das bei jede Liste im Inhalt

Für horizontale Aufzählung brachst dafür nur einen <li></li> Tag und das auch nur wegen des bereits definiertes Textstyle

HR Linien lassen sich auch im css stylen, die Breite und Abstand zum linkes Rand praktisch gleich wie der Nav Platz.

Zu viel leeres Platz zwischen Text und nächstes Titel, im Inhalt würde ich mehr als 2 Zeilen in der Höhe leer lassen.

[herbst]

Hallo zusammen! Ich suche auch nach einfachen Möglichkeiten, eine eigene Webseite zu erstellen. Ich habe gehört, dass man fertige Vorlagen benutzen kann. Ist das wirklich leicht?

[Luxuslurch]

Hallo herbst,

willkommen im Forum!

"leicht" ist natürlich eine Definitionsfrage. Und "Vorlagen" gibt es für die verschiedenen im Thread besprochenen Möglichkeiten, eine Website zu erstellen. Am besten stellst du konkrete Fragen zu der einen oder anderen Software in einem eigenen Thread. Dieser hier ist jetzt schon recht lang.

[lampone]

Das besprochene Thema ist für mich auch interessant.Ich beschäftige mich schon lange mit der Frage, wie ich meine Homepage erstellen kann. Übrigens habe ich vor kurzem eine Seite gefunden, die Vorlagen anbietet. [Werbelink entfernt] Hat jemand Erfahrungen damit? Herzliche Grüße

[Revod]

...Dieser hier ist jetzt schon recht lang.

... und sehr aufschlussreich.

Auch von mir, willkommen ins Forum.

Wir wissen nicht was Du darüber alles schon weisst, mit welche Anwendungen Du bisher gearbeitet hast und ob Du Dich mit dem Quellcode auskennst, eben, ... leicht ist eine Definitionsfrage.

Mein Vorschlag, am besten liest Du den Thread durch, notierst Dir was nicht klar ist und danach folgst Du den Rat von Luxuslurch

@lampone

War für ca. 1 Min. auf den Web drauf und rasch wieder zu geklickt. Es gibt Hostangebote mit einen Webseiten Tool und mit Vorlagen, die unter Umstände gar besser sind als die von Deinen Link.

[herrZiegler]

@wanne so viele...?

Hab noch eins,

http://www.w3.org/Amaya/

wenn jemand zu Recht damit kommt. Hatte es vor Jahren getestet... für vieles sehr gut.

Naja heutzutage sollte HTML 5 schon unterstützt werden genauso wie CSS3.

Da würde ich von dem Teil eher abraten und zu einer neueren Variante greifen.

Gruß

[Revod]

Was soll ich sagen? Du hast Recht und ... sollte... ist relativ, bezüglich wann es nötig ist und wann nicht.

Zu dem,

...
wenn jemand zu Recht damit kommt. Hatte es vor Jahren getestet... für vieles sehr gut.

[/quote]
... mein Satz sich möglicherweise eher um die Syntax zu erzeugen und dann sie sich anzusehen bezog, damit erst Mal "HTML Neulinge" eine Vorstellung auf die Art bekommen.

Mir geht es um das Verstehen, wenn Jemand sich wirklich beschäftigen will und nicht "a la dreamweaver code zu müllen" Methode.

... und Du siehst ... vor Jahren...

HTML-5 und CSS-3 wurde in diesen Thread sicher ein paar Mal erwähnt.

[amarena]

In der heutigen Zeit ist jeder in der Lege, eine Webseite zu erstellen. Mit Homepage-Baukästen kann man das verwirklichen.

[DeletedUserReAsG]

Hallo Bot o/

[TRex]

Tschüss Bot \o