CSS details entfernen

Hallo Experten,

ich habe eine Webseite wobei ich den Css code minimieren will.
Jedoch kann ich diesen nicht mit www.gtmetrix oder mit einer anderen mir bekannten webseite minimieren, da (eigentlich) jeder Code verwendet wird.
Das Problem besteht darin, dass die css lines doppelt und dreifach,… eingebaut sind.
Hier ein kleine Bsp.: 

Alle divs beinhalten die gleiche information. Z.Bsp.: schriftart, position,… jedoch möchte ich
nicht in jeder die gleiche position haben sondern nur einmal in den übergeordneten die richtige.

Gibt es dafür ein Tool online oder ein programm? 
Diese Tool sollte nur die Befehle im übergeordneten div lassen und beim rest entfernen.

Lg,
Chris

Hi,

Das Problem besteht darin, dass die css lines doppelt und
dreifach,… eingebaut sind.

wenn eine ID mehrfach vergeben wurde, ist das ein Fehler und müsste behoben werden.

Gruß
Ingo

Hallo danke für die Antwort.

Das Problem liegt vor allem in Tabellen.
Jedes kleines Detail hat eine id z.Bsp.: table, tr, td, span, div,… und in jeder id steckt oft die selbe information.
So wird ein CSS code eine halb Seite zu 3 Seiten code und jz muss ich dann einzeln bei jedem die Width,… einstellen.

Wofür man dann ewig braucht wenn man das manuell durchführt.
Ich bin mir sicher da gibt es Programme mit denen man soetwas umsetzen kann?

Lg,
Chris

Hi,

Das Problem liegt vor allem in Tabellen.
Jedes kleines Detail hat eine id z.Bsp.: table, tr, td, span,
div,… und in jeder id steckt oft die selbe information.
So wird ein CSS code eine halb Seite zu 3 Seiten code und jz
muss ich dann einzeln bei jedem die Width,… einstellen.

der Unterschied zwischen id und class in css ist Dir bekannt?
falls nicht guckst Du hier:

http:// www.html-seminar.de/class_und_id.htm

Wofür man dann ewig braucht wenn man das manuell durchführt.
Ich bin mir sicher da gibt es Programme mit denen man soetwas
umsetzen kann?

wüsste ich jetzt nichts, was ich empfehlen könnte… aber ich lasse mich gerne eines Besseren belehren.

noch 2 Fragen:

  1. Wofür werden die Tabellen eigentlich genutzt (Fürs Layout etwa?)
  2. Woher kommt dieses von Dir beschriebene „ID-Chaos“… ?

ich frage nur, weil das möglicherweise alles unnötig kompliziert macht und Du wahrscheinlich um ein Neugestalten nicht rumkommen wirst… aber das ist nur eine Vermutung.

Gruß
Fronk

…p.s. und Ingo hat natürlich Recht! o.w.t.
.

Hallo Fronk und Ingo,

danke für eure schnellen AW.
Bin erst jetzt wieder zu meinen Computer gekommen.

Hier hab ich jz ein Bsp erstellt: www.bestaltmed.at/test.html
Die Daten hab ich von einen Freelancer.
Ich find´s halt bloß mühsam das in jedem div, td,… eine Ortsbeschreibung,… steht was nicht sein müsste.

Wenn jemand doch noch eine Lösung kennt wie man solche Daten schnell und einfach modifizieren kann wäre ich voll Dankbar?
Können das nicht neue Programme wie Dreamweaver oder gibt´s andere gratis tools dafür?

LG,
Chris

Was ich sehe sind keine doppelten ID’s

eher sehe ich immer eine einzel formatierung basierend auf der ID
was natürlich schrott ist .

Also wäre erstmal deine arbeit gefragt .

CSS so komprimieren das gleiches zusammengefasst wird und unterschiedliches einzelnt bleibt , also

#DIV_7 {
box-sizing: border-box;
color: rgb(37, 37, 35);
max-width: 200px;
overflow-wrap: break-word;
text-decoration: none solid rgb(37, 37, 35);
width: 200px;
word-wrap: break-word;
border: 0px none rgb(37, 37, 35);
font: normal normal normal 13px/18.200000762939453px Helvetica, Arial, sans-serif;
outline: rgb(37, 37, 35) none 0px;
}/*#DIV_7*/
#DIV_9 {
box-sizing: border-box;
color: rgb(37, 37, 35);
height: 18px;
overflow-wrap: break-word;
text-decoration: none solid rgb(37, 37, 35);
width: 252px;
word-wrap: break-word;
border: 0px none rgb(37, 37, 35);
font: normal normal normal 13px/18.200000762939453px Helvetica, Arial, sans-serif;
outline: rgb(37, 37, 35) none 0px;
}/*#DIV_9*/

würde dann aufteilen in

.divbox {alles was beide gemeinsam haben}
#div_8 {alles was nicht gemeinsam ist}
#div_9 {alles was nicht gemeinsam ist}

und dann mit rename in der html datei

also

rename (regexpression , z.b. Notepad++ kann das"

/* wir suchen alle id=DIV_XX */

id="DIV\_\d+" 

/* und ersetzen das mit id=DIV_XX class=„divbox“ */

id="DIV\_$1" class="divbox" 

das sollte dann
aus

dieses machen

das dann nch für die anderen elemente . class ist immer eine gruppe (also gleiches css) wärend id immer nur das einzige element ist (deswegen darf es auch keine mehrfach ID geben , laut xml sollte sogar jedes element seine eigene ID explizit angeben .

Mit Nodepad++ ist das schnell gebmacht , mein Syntax ist jetzt nicht getestet .

ups paar korrekturen ,
die div und DIV sollen natürlich gleich sein , also alles GROß

Mit Nodepad++ ist das schnell gebmacht , mein Syntax ist jetzt

dat ding heisst NotePad++

nicht getestet .

Hallo TechPech,

vielen Dank für die Antwort.
Die Lsg klingt voll genial.

Kennst du auch eine Lsg um dann alle Einträge die doppelt und dreifach sind auszulesen.
So das man nich überprüfen muss ob diese 10 x vorhanden ist?
Was ist wenn ein div eintrag zB von 10 divs nur 9 mal enthalten ist soll man diesen dann auch verallgemeinern?

Lg,
Chris

Hallo TechPech,

danke nochmal für deine AW.
Jz hätt ich die Frage besser formuliert.

Gibt es ein tool online oder zum Downloaden, welches gemeinsame CSS Eigenschaften in eine gemeinsame Class steckt und dann in html gleich diese Class hinzufügt?

Ich hab jz einen anderen Code den ich bekommen habe auf die Vorherige Seite gestellt und wenn ich nur diesen ändern müsste bräuchte ich dafür min 3-4 Stunden.

Deshalb suche ich eine Lsg dafür.

Lg und schönen Tag,
Chris

Es gibt CSS optimierer
bisher hab ich noch kein gesehen der das html dazu anpasst
und dann ist das ergebnis solcher tools immer sehr fragwürdig.

Danke für die AW.

Ich hab grad 10 verschiedene CSS Compressoren ausprobiert.
Die die Classes zusammen fassen sollten, jedoch ohne Erfolg.

Jetzt versuch ich geraden diesen Compressor: YUICompressor
Bis jz hatte ich noch keinen Erfolg mit der Installation.

Welche gute CSS Comprssoren gibt es noch die gemeinsame Classes oder ids zusammenfassen können?

Die meisten schreiben den CSS code nur in einer Wurscht.
Jz bin ich schon am überlegen ob ich selbst einen schreibe?

Lg,
Chris

das ist aber nicht so trivial wie es aussieht .
erstmal musst du das CSS korrekt parsen
dann wenn du jedes in seinem objekt hast
kannst du gleiche dinge in klassen zusammenfassen
dann muss noch der selector so aufs HTML angewendet werden das er auch
alle die findet die angesprochen wurden um dort eine classe hinzu zu fügen.

viel spass .

und das ganze in ein dom einlesen führt eher noch zu viel mehr , da jeder browser so seine eigenen voreinstellungen plaziert