nicht angemeldet
problematische Seite wird nicht immer gefunden
Matthias Apsel
problematische Seite wird nicht immer gefunden
Matthias Apsel
Tabellenkalk
AugeHallo alle,
ich schlage vor, vor den Link zur problematischen Seite ein rotes Icon zu setzen, zum Beispiel
.problematic-site > a::before {
font-family: fontawesome;
color: #c32e04;
content: "";
margin-left: -1.5em; // gern auch ohne
margin-right: .5em; // dann aber nur .3em
// alternativ auch
// font-size: 1.6em; und vertical-align: middle;
verwendetes Symbol: bug
Bis demnächst
Matthias
--
Signaturen sind bloed (Steel) und Markdown ist mächtig.
Signaturen sind bloed (Steel) und Markdown ist mächtig.
-
Hallo,
ich schlage vor, vor den Link zur problematischen Seite ein rotes Icon zu setzen, zum Beispiel
mein Vorschlag wäre, den Link so wie er ist, in die Box zu schieben, in der auch der Text steht. Das ist der Bereich, der die Aufmerksamkeit auf sich zieht.
Gruß
Kalk-
Hallo
ich schlage vor, vor den Link zur problematischen Seite ein rotes Icon zu setzen, zum Beispiel
mein Vorschlag wäre, den Link so wie er ist, in die Box zu schieben, in der auch der Text steht. Das ist der Bereich, der die Aufmerksamkeit auf sich zieht.
Der über das entsprechende Formularfeld angegebene Link zur problematischen Seite gehört auf die gleiche Weise zum Posting, wie es für die Angaben zum Namen, die Emailadresse oder die eigene Website gilt. Eine deutlichere Hervorhebung halte ich dennoch für notwendig. Dass der Link oberhalb des Postings sitzt, halte ich aber grundsätzlich für richtig.
Zudem kann es für den einen oder anderen verwirrend sein, wenn der Link beim lesen des Postings zu diesem gehört, aber im Antwortformular nicht auffindbar ist. Schon deshalb sollte er erkennbar vom Postingtext getrennt sein.
Die Hervorhebung könnte ich mir folgendermaßen vorstellen. Der Kasten des Postings beinhaltet optisch den Link zur problematischen Seite (Position und Hintergrund). Der Link steht oberhalb des Postingtextes und ist durch einen
borderoptisch vom Text getrennt. Den Käfer als zusätzliches Symbol empfinde ich als passend.Damit wäre er zum Posting hin gerückt, aber dennoch als nicht zum Text gehörig erkennbar.
Tschö, Auge
--
Es schimmerte ein Licht am Ende des Tunnels und es stammte von einem Flammenwerfer.
Terry Pratchett, „Gevatter Tod“-
Hallo Auge,
Damit wäre er zum Posting hin gerückt, aber dennoch als nicht zum Text gehörig erkennbar.
.problematic-site { background: #fdfcf3 none repeat scroll 0 0; border: 1px solid #e7c157; border-radius: 0 0.5em 0.5em; color: #003399; line-height: 1.4em; margin: 0.5em 0; padding: 0.8em 1em 1em; width: 95%; }?
Bis demnächst
Matthias--
Signaturen sind bloed (Steel) und Markdown ist mächtig.-
Hallo
Damit wäre er zum Posting hin gerückt, aber dennoch als nicht zum Text gehörig erkennbar.
.problematic-site { background: #fdfcf3 none repeat scroll 0 0; border: 1px solid #e7c157; border-radius: 0 0.5em 0.5em; color: #003399; line-height: 1.4em; margin: 0.5em 0; padding: 0.8em 1em 1em; width: 95%; }?
Auf die Schnelle mit einer Anpassung:
.problematic-site { background: #fdfcf3 none repeat scroll 0 0; border: 1px solid #e7c157; border-radius: 0 0.5em 0.5em; color: #003399; line-height: 1.4em; margin: 0.5em 0; padding: 0.5em 1em; width: 95%; }?
Die Höhe des Containers ist mir ein wenig zu hoch. Deshalb habe ich das vertikale
paddingetwas verringert. Was mir dabei noch auffiel, ist, dass der Absatz mit dem Link etwas breiter ist, als der Container des Postingtextes darunter. Das scheint, obwohl für beide Container eine Breite von jeweils 95% vermerkt ist, an der Schriftgröße zu liegen (.problematic-site: 1em, posting-content, 0.9em). Wenn ich die Schriftgröße vonposting-contentauf 1em setze, sind die beiden Kästen gleich breit.Tschö, Auge
--
Es schimmerte ein Licht am Ende des Tunnels und es stammte von einem Flammenwerfer.
Terry Pratchett, „Gevatter Tod“-
Hallo Auge,
Auf die Schnelle mit einer Anpassung:
.problematic-site { background: #fdfcf3 none repeat scroll 0 0; border: 1px solid #e7c157; border-radius: 0 0.5em 0.5em; color: #003399; line-height: 1.4em; margin: 0.5em 0; padding: 0.5em 1em; width: 95%; }?
Die Höhe des Containers ist mir ein wenig zu hoch. Deshalb habe ich das vertikale
paddingetwas verringert. Was mir dabei noch auffiel, ist, dass der Absatz mit dem Link etwas breiter ist, als der Container des Postingtextes darunter. Das scheint, obwohl für beide Container eine Breite von jeweils 95% vermerkt ist, an der Schriftgröße zu liegen (.problematic-site: 1em, posting-content, 0.9em). Wenn ich die Schriftgröße vonposting-contentauf 1em setze, sind die beiden Kästen gleich breit.Also lese ich grundsätzliches Einverständnis. Ich hatte einfach nur das Format der textarea aus den Entwicklertools kopiert - um diese Vorlage zu Erstellen.
Bis demnächst
Matthias--
Signaturen sind bloed (Steel) und Markdown ist mächtig.-
Hallo
Also lese ich grundsätzliches Einverständnis.
Von meiner Seite aus liest du richtig. Die Hervorhebung erfüllt unabhängig von eventuellen ästhetischen Punkten meine Anforderungen. Was sagt wohl @Tabellenkalk dazu?
Ich hatte einfach nur das Format der textarea aus den Entwicklertools kopiert - um diese Vorlage zu Erstellen.
Joah …, so fängt's meistens an. :-)
Tschö, Auge
--
Es schimmerte ein Licht am Ende des Tunnels und es stammte von einem Flammenwerfer.
Terry Pratchett, „Gevatter Tod“-
Hallo,
Was sagt wohl @Tabellenkalk dazu?
Der sagt: sieht wie ein gangbarer Kompromiss aus, wobei bei mir diese Box jetzt ca. 5px breiter aussieht als die Textbox. Eigentlich muss da die Box nur so breit sein, dass der Text "problematische Seite" reinpasst, oder?
Gruß
Kalk-
Hallo
Was sagt wohl @Tabellenkalk dazu?
Der sagt: sieht wie ein gangbarer Kompromiss aus, wobei bei mir diese Box jetzt ca. 5px breiter aussieht als die Textbox.
Hatte ich auch schon angemerkt.
Eigentlich muss da die Box nur so breit sein, dass der Text "problematische Seite" reinpasst, oder?
„Eigentlich“ schon. Aber sieht das schick aus, wenn diese Box, anders als alle anderen, so schmal daherkommt?
Tschö, Auge
--
Es schimmerte ein Licht am Ende des Tunnels und es stammte von einem Flammenwerfer.
Terry Pratchett, „Gevatter Tod“-
Hallo,
„Eigentlich“ schon. Aber sieht das schick aus, wenn diese Box, anders als alle anderen, so schmal daherkommt?
Ich find schon. Außerdem hab ich noch den unteren Rand und die Ecken angepasst:
border-radius: 0.5em 0.5em 0.5em 0; margin: 0.5em 0 -0.5em;Gruß
Kalk-
Hallo
„Eigentlich“ schon. Aber sieht das schick aus, wenn diese Box, anders als alle anderen, so schmal daherkommt?
Ich find schon. Außerdem hab ich noch den unteren Rand und die Ecken angepasst:
border-radius: 0.5em 0.5em 0.5em 0; margin: 0.5em 0 -0.5em;… woraufhin ich an meinem Regelwerk weitere Anpassungen vorgenommen habe. Der Container des Links hat wieder die volle Breite, ist aber, wie bei dir, direkt am Container des Postingtextes angedockt. Voraussetzung dafür ist natürlich eine identische Breite beider Container, die ich hier über die Anpassung der Schriftgröße des Postingtextes erzwinge.
.thread-message div.posting-content { font-size: 1em; } .problematic-site+div.posting-content { border-radius: 0 0 0.5em 0.5em; } .problematic-site { background: #fdfcf3 none repeat scroll 0 0; border: 1px solid #e7c157; border-radius: 0 0.5em 0 0; border-bottom: none; color: #003399; line-height: 1.4em; margin: 0.5em 0 -0.5em; padding: 0.5em 1em; width:95%; }[edit]
Das sieht dann so aus.
[/edit]
Tschö, Auge
--
Es schimmerte ein Licht am Ende des Tunnels und es stammte von einem Flammenwerfer.
Terry Pratchett, „Gevatter Tod“-
Hallo,
Das sieht dann so aus.
Auch sehr schick! Aber ich bleibe bei meiner Lösung. :p
Gruß
Kalk -
Hallo Auge,
Das sieht dann so aus.
Da hab ich extra eine problematische Seite im OP verlinkt … ;-)
Der Käfer fehlt noch.
Bis demnächst
Matthias--
Signaturen sind bloed (Steel) und Markdown ist mächtig.-
Hallo
Der Käfer fehlt noch.
CSS-Regeln bei Sara „geklaut“.
Tschö, Auge
--
Es schimmerte ein Licht am Ende des Tunnels und es stammte von einem Flammenwerfer.
Terry Pratchett, „Gevatter Tod“-
Hallo Auge, @Tabellenkalk, @Sara
Es ist umgesetzt.
Bis demnächst
Matthias--
Signaturen sind bloed (Steel) und Markdown ist mächtig.-
Hallo
Hallo Auge, @Tabellenkalk, @Sara
Es ist umgesetzt.
Schön. Nachdem ich die Regeln aus meinem Benutzer-CSS rausgeschmissen hatte, stimmten auch wieder die Elementbreiten. Vorher war der Kasten des Problemlinks etwas schmaler als der des Postingtextes, da ich ja die Schriftgröße für den Postingtext erhöht hatte. :-)
Tschö, Auge
--
Es schimmerte ein Licht am Ende des Tunnels und es stammte von einem Flammenwerfer.
Terry Pratchett, „Gevatter Tod“-
Hallo Auge,
Schön. Nachdem ich die Regeln aus meinem Benutzer-CSS rausgeschmissen hatte, stimmten auch wieder die Elementbreiten. Vorher war der Kasten des Problemlinks etwas schmaler als der des Postingtextes, da ich ja die Schriftgröße für den Postingtext erhöht hatte. :-)
in meinem User-CSS gilt
.thread-message .posting-content{ font-family: Calibri,"PT Sans",sans-serif; font-size: 1.05rem; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .problematic-site, .problematic-site a { font-size: 1.05rem; }Man will ja schließlich nicht blind werden beim Lesen.
Bis demnächst
Matthias--
Signaturen sind bloed (Steel) und Markdown ist mächtig.
-
-
-
-
-
-
Hallo,
Ich find schon. Außerdem hab ich noch den unteren Rand und die Ecken angepasst:
border-radius: 0.5em 0.5em 0.5em 0; margin: 0.5em 0 -0.5em;ich finde dieses recht schick
.problematic-site > a::before { font-family: fontawesome; color: #c32e04; content: "\f188"; margin-right: 0.5em; } .problematic-site { background: #efefef none repeat scroll 0 0; border: 1px solid #e7c157; line-height: 1.4em; padding: 0.5em 1em; width: 95%; border-radius: 0.5em 0.5em 0 0; margin: 0.5em 0.5em -9px 0 } .thread-message .posting-content { padding: 0.8em 1.1em 1em; border-radius: 0px 0em 0.5em; }
-
-
-
Hallo,
Eigentlich muss da die Box nur so breit sein, dass der Text "problematische Seite" reinpasst, oder?
also statt
width:95%;schlage ich
display:inline-block;vor.
Gruß
Kalk
-
-
-
-
-
-
-