Vorlage Diskussion:Bausteindesign3
Wurde erstellt damit Wikipedia ein einheitliches Design hat und damit Änderungen im Design vereinfacht werden.
Wird vor allem bei Bewertungsbausteine verwendet um allgemeine Hinweise in Artikeln optisch einheitlich anzuzeigen.
Wiki-Syntax: | {| {{Bausteindesign3}} | style="width: 100%" | Textinhalt |} | |
Ergebnis: |
|
style="clear:both"
[Quelltext bearbeiten]Auf Vorschlag von Webmaster@sgovd.org
Hallo, vielleicht würde es sinnmachen diesen zusatz in das Bausteindesign einzusetzten. Dies würde bei Bausteindesign 2,3 und 4 und vielleicht 5 sinn machen. --Schlurcher ??? 14:07, 16. Sep 2005 (CEST)
- So jetzt lass mich mal überlegen.
- Bei 1 ist es unnötig weil es eh ganz oben steht.
- Bei 2 ist es in der Tat nicht schlecht - probier ich dann gleich mal aus.
- Bei 3 und 4 darf man es nicht machen - nehmen wir mal an ein Baustein (z.B. Unverständlich) wird links neben einer Tabelle plaziert (das durchaus in Wiki vorkommt) dann wird die ganze Tabelle übersprungen und es entsteht eine risige weiße Fläche. Ich korrigire, bei 3 hab ichs jetzt auch gemacht da ansonsten probleme entstehen -- San Jose 12:55, 18. Sep 2005 (CEST)
- Bei 5, ja da kann man es auch machen. Aber 5 will ich eh noch überarbeiten.
- mfg. -- San Jose 15:07, 16. Sep 2005 (CEST)
Außenabstand
[Quelltext bearbeiten]Hallo, was haltet ihr davon, den Abstand nach oben (margin-top) von 2px auf vielleicht 1em zu erhöhen, damit die Box nicht so nah am vorausgehenden Text erscheint? --Wiegels „…“ 14:10, 4. Okt 2005 (CEST)
- Die Bausteine sollen eigentlich gar nicht mehr nach einem Text eingebaut werden, sondern entweder gleich am Artikelanfang oder gleich unter denn Teilüberschriften. Zwar werden noch immer einige Bausteine mitten in Artikel oder ganz unten gesetzt aber ich hoffe das ändert sich noch mit der Zeit. (wo einsetzten wird auf Wikipedia:Bewertungsbausteine beschrieben). mfg -- San Jose 15:09, 4. Okt 2005 (CEST)
„width:100%“ verursacht Überlagerung von Bildern?
[Quelltext bearbeiten]- Hierher kopiert von »Vorlage Diskussion:Belege fehlen#Layoutproblem«. -- ParaDox Vorlage Diskussion:Bausteindesign3#c-ParaDox-2007-11-04T05:09:00.000Z-„width:100%“ verursacht Überlagerung von Bildern?11
Wie löst man dieses Layoutproblem mit dem Baustein (große weiße Fläche) ? --MfG: --FTH DISK Vorlage Diskussion:Bausteindesign3#c-FlorianThomasHofmann-2007-11-01T15:00:00.000Z-„width:100%“ verursacht Überlagerung von Bildern?11
- Dieser Lösungsversuch 1 funktioniert zumindest für Firefox. Gruß, -- ParaDox 21:09, 1. Nov. 2007 (CET)
- Ich habe die Änderung wieder rückgängig gemacht, da sie im Opera-Browser einen ständig eingeblendeten Scrollbalken produzierte. Die eigentliche Ursache dieses Darstellungsfehlers ist die Angabe
width: 100%
in der Vorlage:Bausteindesign3. Warum diese Angabe dort steht, kann ich nicht sagen. Eigentlich ist sie vollkommen überflüssig, denn standardmäßig nimmt eine Tabelle (die Bausteindesigns sind ausschließlich für Tabellen gedacht) sowieso immer die vollständige verfügbaren Breite ein (der Standard lautet konkretwidth: auto
). Ich schlage daher vor, das dort zu diskutieren. --TM Vorlage Diskussion:Bausteindesign3#c-TMg-2007-11-03T23:56:00.000Z-ParaDox-2007-11-01T20:09:00.000Z11
- Ich habe die Änderung wieder rückgängig gemacht, da sie im Opera-Browser einen ständig eingeblendeten Scrollbalken produzierte. Die eigentliche Ursache dieses Darstellungsfehlers ist die Angabe
- Ich habe für Vorlage:Nur Liste, die auch Bausteindesign3 verwendet,
overflow:hidden
eingefügt. Beim Firefox und bei Opera wird die Hinweisbox damit nur so breit wie der Platz neben der Infobox. Beim Internet Explorer wird allerdings ein großer Abstand erzeugt, wie beiclear:both
. Ein Scrollbalken kann aber nicht dabei entstehen. --Fomafix Vorlage Diskussion:Bausteindesign3#c-Fomafix-2007-11-04T08:49:00.000Z-TMg-2007-11-03T23:56:00.000Z11- Designziel von Bausteindesign3 ist es, eine Box zu erzeugen, die über die ganze verfügbare Breite geht.
width:auto
ist die Vorbelegung vonwidth
und bewirkt daher das gleiche, wie wenn überhaupt keinwidth
angegeben wäre. Bei Vorlage:Belege fehlen steht so viel Text in der Box, dass diese auch ohnewidth:100%
(fast überall) die verfügbare Breite nutzt. --Fomafix Vorlage Diskussion:Bausteindesign3#c-Fomafix-2007-11-04T09:33:00.000Z-Fomafix-2007-11-04T08:49:00.000Z11
- Designziel von Bausteindesign3 ist es, eine Box zu erzeugen, die über die ganze verfügbare Breite geht.
- Ich habe für Vorlage:Nur Liste, die auch Bausteindesign3 verwendet,
Es würde auch ohne width:100%
gehen:
Die Verwendung ist allerdings dann nicht mehr so einfach wie bisher. --Fomafix Vorlage Diskussion:Bausteindesign3#c-Fomafix-2007-11-04T10:11:00.000Z-„width:100%“ verursacht Überlagerung von Bildern?11
Es würde auch so gehen:
width:100%
beim Tabellenelement statt bei der Tabelle.
![]() |
Bausteinbox mit wenig Text |
Das width:100%
sollte demnach aus Vorlage:Bausteindesign3 entfernt werden und bei Bedarf in die Tabellenzeile aufgenommen werden. --Fomafix Vorlage Diskussion:Bausteindesign3#c-Fomafix-2007-11-04T14:03:00.000Z-„width:100%“ verursacht Überlagerung von Bildern?11
- Die von Fomafix vorgeschlagene Lösung funktioniert meinen Tests zufolge in allen Webbrowsern (sogar im Internet Explorer). Das Beispiel ganz oben auf dieser Seite sollte dann dementsprechend angepasst werden.
{| {{Bausteindesign3}} | style="width: 100%;" | Textinhalt |}
Anders formuliert: Man muss einfach der größten Tabellenzelle (in den Beispielen hier enthält die erste Tabellenzelle das Bild und die zweite den Text) die Eigenschaft width: 100%
mitgeben. --TM Vorlage Diskussion:Bausteindesign3#c-TMg-2007-11-04T21:56:00.000Z-„width:100%“ verursacht Überlagerung von Bildern?11
Ich habe Vorlage:Nur Liste entsprechend dem letzten Beispiel umgebaut. Tenorsaxophon wird jetzt auch beim Internet Explorer korrekt dargestellt. Daher habe ich gleich das obige Beispiel angepasst. Bitte width:100%
aus der Vorlage:Bausteindesign3 entfernen. Vorlagen oder andere Seiten, die diesen Baustein verwenden können nach und nach um das style="width:100%;"
an dem Tabellenelement ergänzt werden. --Fomafix Vorlage Diskussion:Bausteindesign3#c-Fomafix-2007-11-05T08:51:00.000Z-„width:100%“ verursacht Überlagerung von Bildern?11
- Ich habe bei den meisten Vorlageneinbindungen von Vorlage:Bausteindesign3
style="width: 100%;"
beim Tabellenelement eingefügt. Daswidth:100%
kann nun aus der Vorlage entfernt werden. --Fomafix Vorlage Diskussion:Bausteindesign3#c-Fomafix-2007-11-05T15:48:00.000Z-Fomafix-2007-11-05T08:51:00.000Z11
Optionaler Parameter class
[Quelltext bearbeiten]Es wäre sinnvoll einen optionalen Parameter class
zu ergänzen: Statt bisher class="hintergrundfarbe1 rahmenfarbe1"
zusätzlich class="hintergrundfarbe1 rahmenfarbe1 {{{class|}}}"
. So kann eine CSS-Klasse angegeben werden ohne die bestehenden CSS-Klassen zu überschreiben: {{Bausteindesign3}} class="Meine-Klasse"
(Dieses Beispiel ist syntaktisch nicht erlaubt, da zwei mal class
verwendet wird.) oder ein zusätzlicher div
-Container verwendet werden muss, wie bei Vorlage:Nur Liste. Vorlage:NurListe kann dann verkürzt werden zu
{| {{Bausteindesign3|class=Vorlage_NurListe}} …
--Fomafix Vorlage Diskussion:Bausteindesign3#c-Fomafix-2007-11-05T08:51:00.000Z-Optionaler Parameter class11
Rahmenart
[Quelltext bearbeiten]Gibt es irgendeinen Grund die Rahmenart border-style:solid
zu entfernen? class="rahmenfarbe1"
ist so wirkungslos. – Und bitte keine Experimente an Vorlagen, die zigtausendmal verwendet werden. --Fomafix Vorlage Diskussion:Bausteindesign3#c-Fomafix-2008-07-17T22:26:00.000Z-Rahmenart11
- Hat vermutlich etwas mit Spezial:Beitr%C3%A4ge/Elian?offset=20080717222200&limit=2511 zu tun. Die Änderung an der dauerhaft gesperrten Vorlage wurde nicht kommentiert/begründet und auch noch als kleine Bearbeitung markiert. Bitte rückgängig machen und derlei Änderungen künftig wenigstens begründen und/oder vorher diskutieren, wenn der Beigeschmack von „Adminrechte-Selbstherrlichkeit“ nicht aufkommen soll. --ParaDox Vorlage Diskussion:Bausteindesign3#c-ParaDox-2008-07-17T23:23:00.000Z-Fomafix-2008-07-17T22:26:00.000Z11