News - Features - Downloads - Forum - Team - Support - Switch View: Screen
Login - Registrierung - Passwort vergessen

Antworten: 14
Seite [1]
Melwin


Try to beat me




Herkunft: SchleswigHolstein
Beiträge: 101
# Thema - 25.06.2007 um 22:03 Uhr
Hallo Leute, ich benötige eure hilfe bei meinem Layout! Das ist das erste mal das ich mit Div container arbeite und komme nun nicht weiter! wenn ich nun ein neues div anlege <div id="test"></div> mit den wert height: 2px bringt es so ziemlich gar nichts da die höhe immer 17px beträgt, ich kann mir denken das es vom vorherigem Container ist und ich ihn nicht richtig abgeschlossen habe oder so. aber ich weis es nicht.
Ich habe versucht recht ordendlich zu schreiben:
hier die html und css datei :
http://www.id-gfx.de/index.zip


Zuletzt editiert von Melwin am 25.06.2007 um 22:31 Uhr (4x Editiert)
Inaktiv
Melwin
Thread-Ersteller


Try to beat me




Herkunft: SchleswigHolstein
Beiträge: 101
# Antwort: 1 - 25.06.2007 um 22:30 Uhr


Zuletzt editiert von Melwin am 25.06.2007 um 22:32 Uhr (1x Editiert)
Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
# Antwort: 2 - 25.06.2007 um 22:55 Uhr
hmm,.. also sieht ganz schön wild aus in den dateien, wenn ich dass mal mit meiner ordnungsliebe sagen darf,... hier auf der seite gibts nen wunderschönes videotut zur erstellung einer hp und vor allem auch dem umgang mit den divs,... das würd ich mir mal reinziehen,.. ist am anfang gut zu gebrauchen,... dann fängste mal mit ner leeren css und htm datei an dein design, bzw. die plätze für dein design aufzubauen,... wie folgt z.B. und wenn das klappt, dann kannste den rest wieder einbauen, bzw. dass, was du überhaupt brauchst,...


uebung.css +-
div#main { width: 900px; }

div#left {width: 300px; height: 100px; background-color: #FF0000; float: left;}
div#middle{width: 300px; height: 100px; background-color: #000080; float: left}
div#right {width: 300px; height: 100px; background-color: #008000; float: left}


uebung.htm +-

<head>
<link href="uebung.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="main">
<div id="left"></div>
<div id="middle"></div>
<div id="right"></div>
</div>
</body>


Dann haste erstmal nen grundkonstrukt und der rest kommt nachher von ganz alleine,... siehs als tip,... mehr solls hier net sein,... ist zum probieren und vorab design erstellen des einfachste,...

hier das ergebnis ---> http://www.sohndernyx.de/uebung.htm

greetz der rami


------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...


Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 3 - 26.06.2007 um 01:03 Uhr
nur nicht das clearen vergessen ^^


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
# Antwort: 4 - 26.06.2007 um 09:16 Uhr
jau,.. dat stimmt, des gehört noch rein,... sollte auch nur nen tip sein, wie er es angehen könnte,... ^^

und wenn das klappt, dann kannste den rest wieder einbauen, bzw. dass, was du überhaupt brauchst,...


also dass, was die seite vernünftig lauffähig macht,... des weiteren sollte man sich die "Web Developer Toolbar" für den FF mal besorgen,... sehr nützliche Kiste,... dann guckste dir mal die HP, bzw. die testseite an, @Melwin, und lässt dir deine divs mal "outlinen", dann is die fehlersuche auch einfacher,...

uebung.htm +-

<head>
<link href="uebung.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="main">
<div id="left" style="clear:both"></div>
<div id="middle"></div>
<div id="right"></div>
</div>
</body>


greetz,...


------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...


Zuletzt editiert von Ramires ClanSphere Team am 26.06.2007 um 09:17 Uhr (1x Editiert)
Inaktiv
|
Melwin
Thread-Ersteller


Try to beat me




Herkunft: SchleswigHolstein
Beiträge: 101
# Antwort: 5 - 26.06.2007 um 14:50 Uhr
Hey thx was bewirkt den clear:both ? ja das tut hab ich mir angeschaut ist aber alles bissel schnell! danke die übungen habe ich verstanden. habe Web_Developer für FF installiert nun finde ich das mit dem Divs outlinen nicht!


Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
# Antwort: 6 - 26.06.2007 um 14:56 Uhr
hier mal nen gutes besipiel dafür, was das clear:both bewirkt,... ^^

http://css-technik.de/css-examples/219_9/beispiele/clear_beispiel.html

und betreff der toolbar,... also ich gehe mal davon aus, das du die im ff über "Ansicht" --> "Symbolleisten" aktiviert hast,.... dann gibts den"Menü" Punkt "Outline",... da einfach aktivieren "Outline Block Level Elements",... dann sollte es funzen,...

greetz der rami,...


------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...


Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 7 - 26.06.2007 um 15:02 Uhr
Ramires, pack das clear:both; in die css rein, und nicht als style, das ist doch quatsch

div#left {clear:both; width: 300px; height: 100px; background-color: #FF0000; float: left;}


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
# Antwort: 8 - 26.06.2007 um 15:37 Uhr
joar,... is mir mal wieder auf die schnelle durchgegangen,... is natürlich besser,... sry,.. werdsch mich bessern,... ^^


------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...


Inaktiv
|
Melwin
Thread-Ersteller


Try to beat me




Herkunft: SchleswigHolstein
Beiträge: 101
# Antwort: 9 - 26.06.2007 um 17:47 Uhr
hm beim meiner leiste ist alles auf Deutsch und Outline bzw aussenlinie finde ich net, ja das beispiel hab ich verstanden allerdings verstehe ich den unterschied zwischen dem blauen oberen und dem roten oberen kasten nicht , das blaue wird dort Float gennant und das andere block box kann mir das vieleicht jemand erleutern ? ich weis das man Float: left schreiben kann ... aber KP ob das etwas damit zu tun hat


Zuletzt editiert von Melwin am 26.06.2007 um 17:48 Uhr (1x Editiert)
Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
# Antwort: 10 - 26.06.2007 um 20:02 Uhr
hmmm,.... also deutsch,... joar,.. hmm,... muss ich gleich erstma gucken,... das mit dem blauen float und block box,... kann ich jetzt net so nachvollziehen,... musste mal genauer beschreiben,.. wo siehst du das,...?

ich hab jetzt auf der http://www.sohndernyx.de/uebung.htm aus des css datei die floats rausgenommen, schau dir das mal an, des beschreibt es wohl am besten,... wenn du den divs diese floats net zuweist,... dann setzen die sich untereinander,... float left, sagt dem nachfolgendem div, dass er am voranfolgenden anschliessen soll,...

für die abendlektüre schlage ich dir mal http://css-technik.de/css-examples/219_9/ vor,... das beschriebt es für beginner wohl etwas besser wie ich,.. oder halt auch net,... ^^


EDIT:

also ich find das web developer addon net auf deutsch,... vielleicht haste das noch net aktiviert,...?! des geht unter "Ansicht" ---> "Symbolleisten" ----> Und dann den haken setzen für "Web Developer Toolbar"

EDIT-ENDE


------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...


Zuletzt editiert von Ramires ClanSphere Team am 26.06.2007 um 20:09 Uhr (1x Editiert)
Inaktiv
|
Melwin
Thread-Ersteller


Try to beat me




Herkunft: SchleswigHolstein
Beiträge: 101
# Antwort: 11 - 26.06.2007 um 23:02 Uhr
hm hier nen screeny
ja thx für die lektüre werde den Abend mit ihr verbrigen bis später


*uiui* Edit:
habe gerade ma 10 min reingeschaut schon hats Bling gemacht THX


Zuletzt editiert von Melwin am 26.06.2007 um 23:09 Uhr (1x Editiert)
Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
# Antwort: 12 - 26.06.2007 um 23:13 Uhr
hm, gut, gut,... das wird dann in dem fall unter "Hervorheben" zu finden sein,... da kannste dir dann die divs einblenden lassen,... genauso wie tabellen etc., musste nen bischen mit rumspielen,...

greetz der rami,...


------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...


Inaktiv
|
Melwin
Thread-Ersteller


Try to beat me




Herkunft: SchleswigHolstein
Beiträge: 101
# Antwort: 13 - 26.06.2007 um 23:17 Uhr
okay gut, damit kann man sehen wo die Divs tabellen usw. liegen.
@ Ramires lust auf Xchange ?,

Thema kann für mich geschlossen werden!


Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
# Antwort: 14 - 26.06.2007 um 23:26 Uhr
einmal b(e)reit, immer b(e)reit,... icq is my number,...


------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...


Inaktiv
|
Antworten: 14
Seite [1]


Sie müssen sich registrieren, um zu antworten.


ClanSphere Project - Mailus - Imprint - Disclaimer - Scriptinfo