HTML & CSS Tutorial: moderne Webseite erstellen mit CSS | deutsch

[Bavariaproducts]

geiles intro

[01MinecraftLP]

:)

[91Carpediem]

ich rall gar nix:D:D:D

[htmlworld]

@91Carpediem das wird schon ;)

[zwulf12]

Ich habe ein neues Problem: Ich habe im Inhalt-Kasten viel Text geschrieben, und nun "überlappt" sich der Text mit der Fußzeile. Kann mir bitte jemand helfen?

[HowToDeveloper]

@zwulf12 Anstatt height musst du padding benutzen:

Alle fortgeschrittenen Programmierer benutzen padding anstatt von height,dann überlappt der Text sich nicht:

z.B.:

#inhalt {

width:1000px;

padding:10px;

background-color:#000090;

}

[htmlworld]

@zwulf12 du darfst keine height angabe machen in css, damit die box an den text angepasst wird...

[King12Robert]

Kann man das auch für browsergames benutzen damit links und so ausloggen und so steht

[zwulf12]

Ich hab das auch mal alles abgetippt, aber ich wollte auch noch einen Internen Link machen, aber dann wa alles weiß! Kann mir bitte jemand helfen?

[zwulf12]

@zwulf12 Jetzt klappt´s.

[CrestThunder1]

Wie bekomme ich denn jetzt in die linke Box eine Navigation mit Hover effekt?

weiß das jemand wäre super!

Dankeee

[x1337xD]

Mal ne frage wie kann ich jetz machen das auch freunde auf die website können und wie mache ich buttons ich habe jetz nicht so richtig zugehört :(

[htmlworld]

@x1337xD einfach nochmal video durchschauen ;) damit es deine freunde sehen können musst du die webseite ins netz hochladen, dazu folgendes video: /watch?v=EIWsxygFPks

[LeqioProduktion]

@x1337xD Wenn du willst dass deine Freunde deine Website anschauen können musst du diese per FTP Programm hochladen auf einen Server.

Ein oft benutztes FTP Programm ist z.b Filezilla.

Und du solltest mal nach ,,free webspace" googlen da kommt genug.

Und Buttons solltest du mit einem Grafikprogramm bauen. Ansonsen z.b einen DIV container machen mit einer breite und höhe und ner hintergrundfarbe.

sähe zwar ziemlich eckig und langweilig aus aber wäre im grunde ein einfacher button.

[LeqioProduktion]

@LeqioProduktion falls du es noch genauer haben willst kannst du mir auch gerne pm's schreiben

[FrediSaal16]

mann danke in der hlben stunde hab ich mehr gelernt wie in allen stunden bis jez in der schule xD

[htmlworld]

@FrediSaal16 kannst das video ja mal deinen lehrer vorschlagen, dann könnt ihr es zusammen anschauen :D

[Manuel19970107]

Ich hab mal 'ne Frage:

Wie kann ich, bei dem Inhaltsbereich (ich hab' ihn Contentbereich genannt), im CSS-File einstellen, dass der Text einen gewissen Abstand von allen Seiten des Div's hat, also von link 10 px, rechts 10 px, oben 10 px und unten 10 px?

[Manuel19970107]

@Manuel19970107 Sorry, hab's schon rausgefunden, auch ganz logisch (mit Padding)

[htmlworld]

@Manuel19970107 okay ;)

[Enderman3]

man erkennt, dass du internet explorer auch nicht sooo gut findest :D

[djmTutorial]

@Enderman3 ich mache es mittlerweile so, dass ich eine div-box einblende, sobald ein IE Benutzer auf die Webseite kommt. Dort weise ich drauf hin dass der IE-Explorer eine permamente Sicherheitslücke ist und sich nicht an Standards hält und man auf einen anderen Browser wechseln solle(gleich mit Alternativen) oder man mit Sicherheitslücken und Darstellungsfehler rechnen muss. Wenn die Seite dann im IE nicht so schick ist, dann weiß der Benutzer warum.

[htmlworld]

@Enderman3 oh, das tut mir leid, dass das so durch kommt :D

[Enderman3]

@htmlworld ne ist doch war der ist doch schrott ;D

[esroschi]

Super Video...meine Hochachtung..so verständlich erklärt wie nie zuvor gehört :)

wie füge ich nun Videos und Bilder ein, wäre super wenn du dazu noch ein Video machen könntest..:))

Vielen Dank...

[saibot437]

Gutes Video. Ich möchte eine Webseite mit eiem Einfachen Rand machen. Also der Aufbau soll genauso sein wie bei dir, jedoch möchte ich keine Farben inhaltlig haben, sondern nur den Rand!

[MrAppleFlavour]

Einfach perfekt!

[julian8625ful]

Also den hintergrund aendert man mit background aber wie siehts mit nem bild aus. Also was muss ich dort reinschreiben das der und der div container das und das bild anzeigen laesst????

[SCANIAZone]

Hi,

Kurze Frage. Bei mir werden die Div-Container nicht zentriert. Was mache ich falsch? Unter body hab ich text-align:center;

Warum geht das bei mir nicht?

[htmlworld]

@SCANIAZone schreibe dazu noch den befehl margin:0px auto; (im div container)....

[SCANIAZone]

@htmlworld

Ah Danke :D

[fomaG28]

sehr gut ! top

[htmlworld]

@fomaG28 danke :)

[MrKmoll]

Wie kommt man in den localhost-"Ordner", in dem man seine Website anschauen kann?

Sorry, schau grad zum ersten Mal so ein Tutorial, bin noch ein ziemlicher Noob :D

Hast du dafür auch ein extra Video gemacht (mit den Grundlagen usw.)? :)

[htmlworld]

@MrKmoll habe ein video zu den ersten schritten in php gemacht....installiere XAMPP, du findest dann deine dateien im ordner: C://xampp/htdocs/ .... dies ist dann das heimverzeichnis, wenn man localhost/ aufruft...

[myTues]

I love u schade das wir uns erst so spät kennenlernen :D aboniert!

[htmlworld]

@myTues besser spät als nie :D

[djadi11]

ich arbeite mit phase 5 und ich bekomm einfach keine runden ecken..-->HILFE !.:S

[htmlworld]

@djadi11 mit welchen browser arbeitest du? im IE werden runde ecke nicht dargestellt....

[bladerbas]

hat sich erledigt hab dein skript gedownlodet und es da gesehen

[htmlworld]

@bladerbas okay :)

[bladerbas]

Hi erstmal vielen dank für das video

ich habe dazu aber eine frage was hast du für "Striche "zwischen z.b.

rel-"stylesheet

ich hab ganz normale Bindestriche bei dir sehen die aber viel dicker aus

[htmlworld]

@bladerbas das ist ein Gleichheitszeichen, also rel=""

[MrAcasi]

Könntest du eine Schritt für Schritt Anleitung machen, wie man eine komplette Website mit Layout ( header usw) in css umsetzt?

das baut ja auf das Tut auf

[htmlworld]

@MrAcasi wie weit soll denn dieses tut - also was meinst du konkret mit "komplette webseite" - gehen, denn eigentlich steckt in diesem video schon eine umfassende anleitung drin?

[MrAcasi]

@htmlworld Den Aufbau der Website an sich hat man ja schon, was ich jetzt noch gerne sehen würde, wie man das ganze mit Grafiken ausgestaltet!

Sprich eine ansprechende Menüleiste, header usw

[htmlworld]

@MrAcasi okay, dann werde ich dazu nochmal ein vertiefendes Video machen, danke für die Idee....

[MegaInternazionale]

besten dank für das tutorial! musste jetzt vom unterricht aus das erste mal ne eigene webseite erstellen und das hat mir richtig gut geholfen! danke ;)

[htmlworld]

@MegaInternazionale cool, und mit welchem ergebnis im unterricht, war der lehrer zufrieden?

[MegaInternazionale]

@htmlworld

also ich musste ja auch natürlich auch erklären wie ich vorgegangen bin etc und mit der note bin ich definitiv zufrieden, habs ja das erste mal gemacht....hab ne 2 gekriegt, danke nochmal! ohne dieses tutorial wär ich zu 100% geliefert:D

[htmlworld]

@MegaInternazionale gerne, freut mich doch sehr, wenn ich mal erfahre, zu was meine videos so gut sind, und wenn ich dir damit im unterricht helfen konnte, dann freut es mich umso mehr ;)

[Freak41318]

cooles Video hat mir sehr geholfen danke :)

[WebFreak001]

Ich liebe es zu programmieren aber ich liebe es noch mehr anderen zu zukucken

[htmlworld]

@WebFreak001 finde ich gut :) aber manchmal guck ich einfach tutorials, weil ich es spannend finde zu sehen, wie die das so machen....

[BDKev94]

nice^^