Layouts coden mit Firefox und Firebug oder mit Chrome

Du kannst es auch über
Extras -> Web-Entwickler -> Firebug -> Firebug öffnen
aktivieren

So, danke viel mals Cairlinn, nun habe auch ich es geschafft. smile

glg

Hi! Die anleitung funktioniert auch super mit Google Chrome! Einfach auch auf die Lupe unten links klicken und auf die Scrollbox:)Danke, Cairlinn! Ich hab schon gedacht, man kann jetzt keine Lays mehr coden ohne NVU - und das kann ich gar nicht:)
LG

Uff, vielen vielen Dank für das Tutorial! Ohne das hätte ich STUNDEN gebraucht, um das auf die Reihe zu bekommen smile

Ist zwar schon ein bisschen Kleinkram-Arbeit, bis alle Boxen da sind, wo sie hin gehören, aber es funktioniert endlich wieder und ich hab gleich mal mein Profillay aktualisiert.

Wahh dankeschön! Du hast mich mit deinem Tut echt gerettet kaputtlach

Es ist toll erklärt und hat mein RZ-Layout wieder sinnvoll gemacht kaputtlach

lg Ente

Hey Vielen Dank für den tollen TUT froh

Hat suuper funktioniert musste zwar erst noch Firefox und Firebug downloaden (geht übrigens suuper einfach und schnell für alle die Firefox und Firebug nicht haben) Ja aufjedenfall suuper erklärt

Hey,
hat gut funktioniert, außer dass ich die Zahlen nicht mit meinen Pfeiltasten ändern konnte, sondern musste die Zahlen direkt eingeben.. Hat etwas gedauert, aber irgendwann hatte ich es auch raus.. Zunge

Danke!
Jule.,

Hey,

ich finde das Tutorial super.

Allerdings kann ich in Firefox Firebug nicht öffnen, da habe ich schon alles probiert.
In Chrome geht´s genauso, aber Firebug sieht anders aus. Ich habe alles schon so gefunden, bis auf das, mit dem man den Kasten um die Scrollis wegbekommt.
Kann mir da vielleicht jemand weiter helfen? Würde mich freuen. smile

Liebe Grüße, Lady Valentine

Da ist es genauso. Die Eigenschaft, die du deaktivieren musst, ist border.

Wie geht das mit Chrome?

Ich habe mal einfach auf F12 gedrückt und dann kam das:

Layouts coden mit Firefox und Firebug oder mit Chrome - Seite 2 Unbena12

Layouts coden mit Firefox und Firebug oder mit Chrome - Seite 2 Unbena12

Was muss ich drücken, um die Textbox zu verschieben?
Denn das habe ich nicht gefunden.. Es wäre echt hilfreicher für mich mit Chrome zu coden, da bei mir Firefocx ewig dauert, bis es eine Seite geladen hat und oft überansprucht es irgendwie meine Internetverbindung, denn oft geht sie dann verloren traurig

glg

Du musst links auf Elements klicken und dann unten auf die Lupe. Dann mit der Maus über die Scrollbox. Sie kriegt dann einen blauen Hintergrund.

Danke Cairlinn. Hat mir sehr geholfen smile

) Dann geht das endlich schneller smile

)

Kann ich dann Firebug löschen oder ist das dann auch für Chrome weg?

glg

Firebug kannst du dann löschen. Das ist nur für Firefox.

Ok. Dankeschön

HallOw

Eine Frage wo kann man sich firebug downloaden weil ich komm immer auf falsche Seiten

danke im vorraus

Ist im ersten Beitrag verlinkt: https://addons.mozilla.org/de/firefox/addon/firebug/

Code:: <div style='background: url("http://i41.tinypic.com/2emojnt.png") no-repeat; width: 800px; height: 500px;'><div style="border: 1px solid currentColor; width: 328px; height: 252px; overflow: auto; margin-top: 25px; margin-left: 25px; float: left; display: inline;">b</div><div style="border: 1px solid currentColor; width: 100px; height: 100px; overflow: auto; margin-top: 25px; margin-left: 25px; float: left; display: inline;">b</div><div style="border: 1px solid currentColor; width: 100px; height: 100px; overflow: auto; margin-top: 25px; margin-left: 25px; float: left; display: inline;">b</div></div>

der code klappt nicht^^ bzw. eig schon, aber ich kann die boxen nich verschieben! ich kann sie nur vergrößern... aber die kleben dann eben alle da, wo sie normal auch sind :'P
(das isn rz-lay)

Du musst die margin-Werte bearbeiten um die Boxen zu verschieben.

Cairlinn schrieb:: Du musst die margin-Werte bearbeiten um die Boxen zu verschieben.

okay danke... aber muss ich das dann ausprobieren? also einfach ma i-ein wert eingeben und ma auf okay klicken? weil durch das ziehen im fenster klappts ja nich...
(margin weiß ich ja... das sind die abstände von einzelnen elementen... aber das abschätzen kann doch nicht wirklich genau sein froh

---> zumindest nich bei mir kaputtlach

)

Mit der Zeit lernt man das abschätzen. Und man kann die Werte auch mit den Pfeiltasten bearbeiten.

super... hat geklappt smile

)
danke!!!

Gast

Vieeelen Dank für diesen tollen Weg ein Lay zu coden (:
Mit NVU habe ich das nie hinbekommen , aber so ist es echt super leicht!
Daanke .

Teenager Anzahl der Beiträge : 421 Anmeldedatum : 29.12.10

Hallo,

die Anleitung ist echt super :-)
Allerdings geht es bei mir nicht.
Das hat ja schon mal laaange gedauert, deswegen hab ich mich echt gefreut als es an der richtigen stelle war:
Layouts coden mit Firefox und Firebug oder mit Chrome - Seite 2 O0t27o

Layouts coden mit Firefox und Firebug oder mit Chrome - Seite 2 O0t27o

Jetzt mach ich das 2.
Dann passiert aber das:
Layouts coden mit Firefox und Firebug oder mit Chrome - Seite 2 Ohsk0w

Wenn ich das 2. Srollding bewege dann bewegt sich das 1. auch irgendwo hin.

Warum ist das so?
Ich kanne cht nicht mehr, bin am verzweifeln.
Hab auch noch nie im Leben gecodet

LG

Hast du auch das links oben als erstes genommen?

Teenager Anzahl der Beiträge : 421 Anmeldedatum : 29.12.10

Jetzt hab ich alles nochmal gemacht und mit dem links oben angefangen.
Sieht so aus:
Layouts coden mit Firefox und Firebug oder mit Chrome - Seite 2 Xp1ms8

Layouts coden mit Firefox und Firebug oder mit Chrome - Seite 2 Xp1ms8

Und wenn man auf Präsi speichern geht sieht das so aus:

Layouts coden mit Firefox und Firebug oder mit Chrome - Seite 2 15ow8r9

Warum ist das so?
Ich werds jetzt dann nochmal versuchen, aber ich glaube nicht dass sich da was ändert, aber jetzt sind wenigstens die Srollboxen geblieben auch wenn ich eine Andere verschoben habe.

LG

EDIT

Jetzt hab ich das Problem.
Wenn ich die Präsi speichere sind die Srollboxen links oben:
Layouts coden mit Firefox und Firebug oder mit Chrome - Seite 2 157ynpe

Layouts coden mit Firefox und Firebug oder mit Chrome - Seite 2 157ynpe

Beim bearbeiten allerdings links unten:

Layouts coden mit Firefox und Firebug oder mit Chrome - Seite 2 5aqixk

Im "Bearbeiten Modus" ist die Srollbox nr 3 auch im richtigen Feld, nur nach dem Speichern sind alle links oben.

LG

» Layout mit Chrome coden...
» Layouts Coden
» [TUT]: Layouts coden mit NVU
» Layouts coden
» Layouts coden???