Google Chrome(Entwiklertools)

Beitrag von **matze_1963** » 24.02.2013, 18:44

Hallo,

gibt es was beim Google Chrome wie (ie Entwiklertools) wo mann die Divs und Tabellen hervorheben kann. Hab da was gefunden "Elemente untersuchen" blicke da aber nicht durch.

Matze

von **Anzeige von ABAKUS** »

Hochwertiger Linkaufbau bei ABAKUS:

Google-konformer Linkaufbau
nachhaltiges Ranking
Linkbuilding Angebote zu fairen Preisen
internationale Backlinks

Wir bieten Beratung und Umsetzung.
Jetzt anfragen: 0511 / 300325-0

Beitrag von **jabbadu** » 24.02.2013, 19:44

F12..
das ist quasi elemente untersuchen..
du siehst halt den Quellcode und css etc.

Viel zu verstehen gibt es da nicht.. wenn man ahnung von html hat blickt man das eigentlich, weil der quellcode eigentlich schön einfach dargestellt wird..

mein wichtigstes tool wenn ich webseiten erstelle..
ist genauso wie bei firefox der firebug.

Beitrag von **webbastler** » 25.02.2013, 17:28

https://www.html-seminar.de/

von **Anzeige von ABAKUS** »

Beitrag von **Stelufl** » 25.02.2013, 17:32

Eignet sich ideal um zur Laufzeit das CSS zu gestalten.. Muss dann nur noch im eigenen Stylesheet übernommen werden.

Beitrag von **matze_1963** » 26.02.2013, 19:39

Hallo,

ich hab mich wohl komisch ausgedrückt. Ich meinte wie beim ie das man dann die Tabellen und Div's auf dem Bildschirm umrandet dargestellt bekommt(und nicht den Code). @webbastler den Quelltext kann ich gerade noch lesen.

Matze

Beitrag von **Stelufl** » 26.02.2013, 20:18

Lupensymbol unten links

Beitrag von **matze_1963** » 26.02.2013, 23:18

Vielen vielen Dank @Stelufl. Ist noch besser wie beim sch.... ie!

Matze

Beitrag von **jabbadu** » 26.02.2013, 23:33

Das ist in der Regel auch nicht sonderlich schwer!

Beitrag von **Stelufl** » 27.02.2013, 19:48

Das ist noch nichtmal das Topfeature Matze.. Warte erstmal ab bis du entdeckt hast, wie gut man zur Laufzeit CSS bearbeiten und neu programmieren kann mit Autovervollständigen und alles.. arbeite nur noch so!

Beitrag von **rayman** » 28.02.2013, 10:33

warum machst du während der Entwicklung nicht einfach in der CSS
für jeden div-id ?:

border:1px solid #000000;

Beitrag von **Melegrian** » 28.02.2013, 11:28

rayman hat geschrieben:border:1px solid #000000;

Habe ich bisher auch nie anders gemacht, ist doch mit die einfachste Lösung, um etwas einzurichten.

Beitrag von **Stelufl** » 28.02.2013, 13:08

Ist das euer ernst? Das dauert doch viel zu lange! Also jetzt mal ernsthaft. Wer das vom Threadersteller gesuchte Feature nicht verwendet und das von mir angesprochene auch nicht, sondern stattdessen blind CSS programmiert ist selber schuld.

Beitrag von **Melegrian** » 28.02.2013, 13:49

Stelufl hat geschrieben:Wer das vom Threadersteller gesuchte Feature nicht verwendet und das von mir angesprochene auch nicht, sondern stattdessen blind CSS programmiert ist selber schuld.

Wieso blind? Du meintest wohl eher, wer keinen vernünftigen Editor verwendet, ist selber schuld.

Beitrag von **Stelufl** » 28.02.2013, 13:56

Ich benutze eclipse. Da kannste nicht CSS gestalten und das Ergebnis in Echtzeit sehen.
Sprichst du von nem WYSIWYG Editor?

Beitrag von **rayman** » 28.02.2013, 14:18

klar kann man auch beim Chrome mit F12 > Elements
sich die einzelnen Blöck per Mouse-ouver anzeigen lassen

aber fürs finetuning, damit alles genau passt, bevorzuge ich weiter hin die border:1px solid #000000; Methode
für mich ist das schnell gemacht
und vor allem sehe ich genau das was ich suche

aber letztenende kann doch jeder arbeiten wie er will...
ich schreibe meine Seiten sogar oft noch im .txt Editor