Ja du musst ja auch nicht auf den Artikelbleistift, sondern den Bleistift bei dem Startelement klicken.
subcol.png
Ja du musst ja auch nicht auf den Artikelbleistift, sondern den Bleistift bei dem Startelement klicken.
subcol.png
Hallo tril,
"Titel: Seiten-Rundschausondern den Bleistift bei dem Startelement klicken.
Autor: ria
Anzeigen in: Hauptspalte
Änderungsdatum: 03-08-2011 22:39
Teasertext anzeigen: nein
Artikel veröffentlichen: ja
------------------------------------------------------------------Hier müßte das Startelement sein, ist aber weg!
"Überschrift
Wichtige Inhalte kurz Informiert."
Hier folgen dann noch 3 weitere Spalten.
Und hier wohl dieses "End-Element" oder wie es heißt, ich sehe es ja gerade auch nicht.
Oh, sorry das ist mir gar nicht aufgefallen , na ja war mein erster Versuch. Was mache ich denn jetzt am Besten?
Gruss Ria
Ich würde mal kontrollieren ob die Filter oben vielleicht gesetzt sind oder vielleicht sind da ja so viele Elemente auf der Seite, dass du bereits bei 31-60 bist und das Startelement unter den ersten 30 ist.
Ansonsten ist es wohl weg -> Komplete Spaltenset löschen (also das was davon übrig ist) und neu anlegen.
Hallo tril,
danke für Deine Geduld!
So, habe ich gemacht und auch Subcolumns gelöscht und neu installiert, habe folgendes herausgefunden:Ansonsten ist es wohl weg -> Komplete Spaltenset löschen (also das was davon übrig ist) und neu anlegen.
Beim erneuten Besuch des Spaltenset Start hat sich der Spaltenset Typ von alleine verstellt und steht jetzt auf der Anfangsposition, das ist blöd, wenn man sich die vorherigen Werte nicht notiert hat.
Also vorher: 4x6x6-25%x37.50%x37.50%
und jetzt : 2x14-12.50%x87.50%
Zusätzlich, nützt das aber auch nichts, weil, wenn man jetzt den alten Wert wieder festhält, muss man ja abspeichern.
Anschließend sind neue leere Spaltensetz vorhanden, die man ja dann löschen muss.
Anschließend ist das Start und End Spaltenset weg und natürlich die Änderung umsonst(die ich allerdings in der css Datei mit margin erledigt habe.
Waren übrigens nur 3 Spaltensetz, also auch keine "Überlastung". Auch wenn man wohl nicht immer in das Spaltenset Start zurück muss, sicher die Wenigsten, aber wenn ist dann alles im Eimer, falls Du nochmal abspeicherst!
Im Prinzip dann irgendwie ein BUG.
Gruss Ria
Hallo tril u. @ All,
Woher kommen diese leeren div's/Klassen unten(?)in der Frontend-Browser-Quelltext-Ansicht im FF:
liegt das daran, dass die Klassen die ich vergebe aus dem Grid16 von Bugbuster kommen
(z.B. g7 ) und die Spaltenset Klassen unbenutzt bleiben?
Ich frage nur, weil das etwas seltsam aussieht.
Die Front-Ansicht ist OK und ich finde dieses Spaltenset von tril in Kombination mit dem 16er-Grid eineCode:<div class="ce_text g7 reihe2 block" id="start-rundschau"> <h2>g7 Spalte unter g7 links</h2> <p>Lorem ipsum dolor abgekürzt usw...........</p> </div> </div> </div> <!-- Column //--> <div class="mod_colsetPart "> <div class=""> </div> </div> <!-- Column //--> <div class="mod_colsetPart "> <div class=""> </div> </div> <div class="clear"></div> </div> <!-- Spaltenset End //-->
praktische Angelegenheit.
Gruss Ria
Hallo tril und BugBuster,
ich habe "subcolumns" und "zz_mysubgrid" in den Einstellungen mal als inaktiv gesetzt.
ich könnte heulen, jetzt wurstele ich eine Woche daran rum und sehe keinen Unterschied, ob ich es benutze oder nicht.
Weil mir der Verdacht kam, das Ganze hat überhaupt keine Wirkung. Ich habe dann ganz normal weiter meine Textboxen gesetzt. Also unter "Elementtyp" die ID und eine Klasse wie g7.
In der css Datei ist ja das Aussehen festgelegt. Auf deutsch, das Spaltenset greift anscheinend nicht und legt keine Container an und behält auch nicht den eingestellten Wert bei erneutem Aufruf von "Spaltenset Start".
Was mache ich denn falsch, die Sache mit der Klasse?
@ BugBuster
mit dem "reinen" Grid verstehe ich folgendes noch nicht:
Mein Raster: g2+g5+g4+g3 = 10,5+29.25+23+16,75 = 79,50%
Nun wollte ich aus der g2 noch eine g3 machen und schon springt die g3 in die nächste Reihe darunter.
(auch wenn das Spaltengrid aktiv ist)
Was ist denn mit den restlichen 20,5% bzw. bei einem 19 Zoll Monitor aus g2 g3 gemacht würde, hätte dies max. 3mm horizontal scrollen zur Folge, wenn überhaupt.
Muss man vielleicht nur was in der basic_sticky anpassen und wenn ja was?
Gruss Ria
Man könnte auch sagen Summe ist g14, also noch Platz für ein g2 zusätzlichMein Raster: g2+g5+g4+g3 = 10,5+29.25+23+16,75 = 79,50%
Es kommt aber ganz darauf an wo genau du diese Grid Klassen setzt.
Ich wende die derzeit ausnahmslos auf Artikel an.
Theoretisch sollte das auch bei den Elementen gehen, da sollte laut den Grid Definitionen dann der Abstand (2x1%) wegfallen. Hab ich aber noch nicht getestet.
Wenns das nicht ist, kommen irgendwoher noch margins die da stören.
Kontrolliere das per FF und Firebug oder äquivalentes.
Grüße, BugBuster"view source" is your guide.Danke an alle Amazon Wunschlisten Erfüller
Hallo Bugbuster,
es sieht düster für mich aus, ich finde sonst keine margins.
1 Block bis 4 aus der css, alle margins:
2 BlockCode:margin-top:0.0; margin-bottom:0.5em; margin-left:0.5em;
3 BlockCode:margin-bottom:0.5em; margin-left:0;
4 BlockCode:margin-bottom:0.5em; margin-left:0;
Hier noch mal aus firebug:Code:margin-bottom:0.5em; margin-left:0;
Mache ich aus dem g2 Block einen g3 (wie hier), dann kippt der letzte g3 runter in die nächste Zeile, auch mit Spaltenset.HTML-Code:<body id="top" class="startseite"> <div id="wrapper"> <div id="header"> </div> <div id="container" class="clearfix"> <div id="main"> <div class="inside"> <div id="start-rundschau" class="mod_article block"> <h2 id="start-rundschau" class="ce_headline ueberschrift01">Generalüberschrift h2</h2> <div id="start-rundschau" class="ce_text g3 block"> </div> <div id="start-rundschau" class="ce_text g5 block"> </div> <div id="start-rundschau" class="ce_text g4 block"> </div> <div id="start-rundschau" class="ce_text g3 block"> </div> </div> </div> <div id="clear"></div> </div> </div> <img class="invisible" alt="" src="http://localhost/test02/cron.php"> </div>
Und das sind einfache Artikel nur text und ein bischen Farbe und border rechts, hier ein Beispiel:
sicher kein super css und überflüssiger Code, aber die "Textbox" sieht schon so aus wie ich zunächst mal wollte. Leider finde ich den Fehler nicht.Code:/* 2 Box von links */ #start-rundschau .g5 { height:18.0em; margin-bottom:0.5em; margin-left:0; padding:0.95em; background-color:#FBFCFB; border-top:2px solid #A0D1DB; font-size:1.0em; color:#062307; border-right:10px solid #A0D1DB; border-bottom:2px solid #A0D1DB; border-left:2px solid #A0D1DB; }
Gruss Ria
Das einzige was mir auffällt ist, dass die "Generalüberschrift h2" nicht innerhalb der grid Klassen der Elemente liegt.
Grüße, BugBuster"view source" is your guide.Danke an alle Amazon Wunschlisten Erfüller
Hallo BugBuster,
ja, das ist auch unabhängig davon und war ein Versuch, liegt praktisch über den Spalten und ist denen nicht im Weg. War vorher innerhalb der Spalten. Der Effekt ist der gleiche.nicht innerhalb der grid Klassen der Elemente liegt.
Vielleicht sagt Dir das etwas:
auch wenn alle Spalten (weniger Spalten) in einer Reihe sind und das Browserfenster mit Strg und + vergrößert wird, springt nach dem 2 Klick die letzte Spalte nach unten. Könnte es nicht an der basic_sticky liegen? Ich glaube ansonsten muss ich es wohl vergessen.
Gruss Ria
Hallo Bugbuster, tril u. @ ALL,
folgendes Spaltengrid wurde gewählt:
'3x6x4x3 → 18.75 %x 37.50 %x 25.00 %x 18.75 %' => array(array('grid_3', 'inner'), array('grid_6', 'inner'), array('grid_4', 'inner'), array('grid_3', 'inner')),
Spaltenabstand kein Häkchen, kein Eintrag(damit da erstmal keine Abstände sind).
Nun habe ich ein Spaltenset Start;
3 Trennelemente;
und ein Spaltenset Endelement in der Backendansicht.
Ich gehe auf das rechte Pluszeichen von Spaltenset Start wähle "Elementtyp Text"(keine Überschrift als extra Element und auch nicht ohne Element) nur Überschrift im Element.
Nun etwas Text und die ID des Artikelalias(in "Experteneinstellungen) "start-rundschau".
als Klasse g3. Keine Abstände davor oder dahinter. +speichere ab.
Aus dem ersten Spaltenset Trennelemente ist die Bezeichnung Text geworden
(es wird aber im Backend von alleine wieder ein neues Trennelement hinzugefügt, es sind also wieder 3 Trennelemente zur Verfügung, was bedeutet, dass zum Schluss 3 leere Trennelemente übrig sind, die dann sinnlos im Quelltext des Browserfensters stehen).
Jetzt gehe ich auf das Pluszeichen von "Text" und lege analog zu oben erst g6 dann g4 und g3 an.
Eigentlich dürfte ich meiner Meinung nach, bis hier keinen Fehler gemacht haben. Ich habe zusätzlich mal die:
border rausgenommen, ist eigentlich Blödsinn, weil die ja auch innerhalb "gx" bleiben sollten.Code:/*border-right:10px solid #A0D1DB; border-bottom:2px solid #A0D1DB; border-left:2px solid #A0D1DB;*/
Nach dem oben ausgewählten "Spaltengrid" müßte es passen. Bekomme im Browserfenster unten auch keinen Scrollbalken(Monitor 19 Zoll).
Fazit: Es funktioniert NICHT. Es muss doch hier auch noch jemanden geben, der das mit 4 Spalten so probiert hat???
Gruss Ria
PS. werde mal die Breite auf 100% setzen, das sieht dann nur nicht so schön aus beim verkleinern des Browserfensters.
Geändert von Ria (11.08.2011 um 09:11 Uhr)
Du weißt schon, dass du die CSS Klassen gX NICHT mehr auf den Inhaltselementen verwenden musst?
Du musst deine Spaltenkonfiguration nur so umbauen, dass da nicht jeweils grid_X steht, sondern gX ->
PHP-Code:
'3x6x4x3 → 18.75 %x 37.50 %x 25.00 %x 18.75 %' => array(array('g3', 'inner'), array('g6', 'inner'), array('g4', 'inner'), array('g3', 'inner')),
Hallo tril,
nö, mache dies ja das erste Mal. Bekomme aber jetzt gar nichts mehr zu sehen:Du weißt schon, dass du die CSS Klassen gX NICHT mehr auf den Inhaltselementen verwenden musst?
Vorher war in der config aus dem Generator:
Jetzt habe ich dies damit, an der Stelle, ersetzt, wie Du schreibst:Code:'3x6x4x3 → 18.75 %x 37.50 %x 25.00 %x 18.75 %' => array(array('grid_3', 'inner'), array('grid_6', 'inner'), array('grid_4', 'inner'), array('grid_3', 'inner')),
Im Inhaltselement in Experteneinstellungen gebe ich die ID "start-rundschau" (Artikelalias) ein.Code:'3x6x4x3 → 18.75 %x 37.50 %x 25.00 %x 18.75 %' => array(array('g3', 'inner'), array('g6', 'inner'), array('g4', 'inner'), array('g3', 'inner')),
Als Klasse gebe ich jetzt anstelle "g3" boxlinks ein und die css sieht jetzt so aus:
Es erscheint überhaupt keine Box mehr! Auch, wenn ich anstelle .boxlinks wieder "g3" eingebe, nichts ist zu sehen. Ohne ID auch nicht. Eine Klasse brauche ich ja, sonst wirkt die css ja nicht.Code:#start-rundschau .boxlinks { height:auto; margin-top:0.0; margin-bottom:0.5em; margin-left:0.5em; padding:0.95em; background-color:#DFF7F5; font-size:1.0em; color:#062307; }
Vorher habe ich zumindest die Boxen gesehen. Was mache ich jetzt noch falsch?
Gruss Ria
PS entschuldige, bin vielleicht, nach 2 Wochen, etwas entnervt mit dem Teil
Das Spaltenset setzt ja die Klasse ein:
...array(array('g3', 'inner'), array('g6', 'inner'), array('g4', 'inner'), array('g3', 'inner'))
Die Fetten Werte sind die CSS Klassen für das äußere DIV, die danachfolgende "inner" ist die CSS Klasse für das innere DIV.
Warum du jetzt gar nichts mehr siehst, weiß ich auch aktuell nicht.
Hallo tril,
das hört sich so an, als ob anstelle 'inner' auch was ersetzt werden soll?
Ansonsten, ich habe Deine eine Zeile genommen und die alte eine Zeile damit ersetzt. In den "Experteneinstellungen" muß ich eine Klasse eintragen, damit ich mit der entspr. css den Block optisch verändern kann.
Wenn man keine Klasse einsetzt, war ja vorher zumindest die h3 Überschrift und der nackte Text zu sehen. Das ist ja unabhängi von der css! Auch dann ist da nichts zu sehen. Vorher schon, nur mit dem bekannten Problem das der Block nicht mehr in der Reihe bleibt. Also ist es jetzt so gesehen schlimmer.
Gruss Ria
Hallo Bugbuster,
es sind auch die Abstände in Deiner 1140-grid_16sp Datei, dort habe ich einiges auf 0 gesetzt!
1. in der 1140-grid_16sp:
von 1% auf 0px gesetzt.
{
float:left;
display:inline;
margin-right:0px;
margin-left:0px;
}
#############################
2.
/* Inhaltselemente in einem Artikel erhalten automatisch einen Abstand */
.mod_article > .block
{
margin-right:0px;
margin-left:0px;
}
##############################
Ab jetzt haben die Boxen nur noch 1px Abstand, was durch border right entspr.ausgeglichen wird.
Also jetzt halbwegs besser.
Dann gibt es noch die hier:
.gr
{
margin-right: 0.5% !important;
}
die scheint zumindest darauf keine Auswirkungen zu haben. Für was ist das?
#############################
Jetzt habe ich 3 x g4 +1 x g3 eigentlich müßte hier nochmal g4 funktionieren 4x4=16
g16 ja, das geht für sich alleine.
Ich habe bei mir in den css überhaupt keine margin's mehr drin, subcolumns ist total deaktiviert.
Du müstes irgendwo noch was versteckt haben?
Browserfenster vergrößern geht allerdings auch noch nicht, dann springt die 4 Box eine Zeile tiefer.
Ansonsten habe ich an den Originaldateien nichts verändert, Du hast bei Deiner Akademy ja auch keine 4 Spalten nebeneinander, egal irgenwas stimmt noch nicht bei mir, was ich aber wahrscheinlich nicht geändert bekomme.
Gruss Ria
Damit baust du dir aber ein völlig anderes Konzept der Prozent Grid Technik in Verbindung mit Contao auf.
Meins basiert auf das 960er von Leo Feyer, da sind die Abstände völlig korrekt und sinvoll.
Die Prozent Werte der grid Klassen + die Prozente der Abstände ergeben die 100%.
Wie gesagt, ich habe die Probleme nicht, solange ich nichts Live von Dir sehe, kann ich das nicht nachvollziehen.
PS: Ob 2 oder 3 oder 4 Spalten macht kein Unterschied. Habe mal einen 4 Spalten Test angelegt.
Geändert von BugBuster (11.08.2011 um 22:51 Uhr)
Grüße, BugBuster"view source" is your guide.Danke an alle Amazon Wunschlisten Erfüller
Hallo Bugbuster,
ich sehe ja das es bei Dir geht, hatte ja zwischenzeitlich Deine Datei aus dem Download genommen,( ich hatte ja 1px zu wenig). Sobald ich die, von Dir, benutze fehlen mir 1x g2. Wenn ich die Margins kille, dann fehlt mir nur noch 1x g1.
original aus dem Download:
Könntest Du denn mal nachsehen, ob Du wirklich die gleiche Datei benutzt?Code:#wrapper { margin: 0 auto; max-width: 1140px; /* die Default Breite */ min-width: 755px; /* kleiner solls nicht sein */ overflow: hidden; } /* Elemente floaten */ .g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12, .g13, .g14, .g15, .g16 { display: inline; float: left; margin-left: 1%; margin-right: 1%; } /* Breiten festlegen */ .g1 { width: 4.25%; } .g2 { width: 10.5%; } .g3 { width: 16.75%; } .g4 { width: 23%; } .g5 { width: 29.25%; } .g6 { width: 35.5%; } .g7 { width: 41.75%; } .g8 { width: 48%; } .g9 { width: 54.25%; } .g10 { width: 60.5%; } .g11 { width: 66.75%; } .g12 { width: 73%; } .g13 { width: 79.25%; } .g14 { width: 85.5%; } .g15 { width: 91.75%; } .g16 { width: 98%; } /* Inhaltselemente in einem Artikel erhalten automatisch einen Abstand */ .mod_article > .block { margin-left: 1%; margin-right: 1%; } .gr { margin-right: 2% !important; } /* Für 100% Breiten ohne Abstand und nicht innerhalb eines Artikels * z.B. für HTML Module im Header */ .gr16_0 { margin-right: 0 !important; width: 100%; } /* speziell für Bilder die nächsten beiden Angaben * Bilder passen sich so automatisch der Größe an */ img, object, embed { max-width: 100%; } img { height: auto; } .g1 .block, .g2 .block, .g3 .block, .g4 .block, .g5 .block, .g6 .block, .g7 .block, .g8 .block, .g9 .block, .g10 .block, .g11 .block, .g12 .block, .g13 .block, .g14 .block, .g15 .block, .g16 .block { margin-left: 0; margin-right: 0; }
Frage mich allerdings ob das Ganze nicht eh schon obsolet ist. In meinem Entwicklungsstadium könnte ich überlegen, das Pixelgrid mit einer festen Breite und die 2.10 mit in meinen Vorlauf zu nehmen und die ganze lästige Sache über Media Queries, an die Endgeräte anzupassen. Die Vorteile sollen auf der Hand liegen, es soll viel leichter sein, die Webseite für die unterschiedlichen Endgeräte zu portieren mit einem deutlich geringeren Aufwand.
Natürlich würde ich gerne erst mal die alte Sache hier ans laufen bekommen.
Gruss Ria
Ja ich benutze die selben Definitionen wie auf der Seite gezeigt.
Und Media Queries nutze ich auch, das geht auch in Contao 2.9, nur etwas komplizierter.
Grüße, BugBuster"view source" is your guide.Danke an alle Amazon Wunschlisten Erfüller
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen