css: <q> styling

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/css_ltqgt_styling_120544/page_1 - zur Vollversion wechseln!

HVG schrieb am 28.07.2004 um 22:26

hab wieder ein css problem
ich will für den quote tag auf meiner seite eine spezielle ausgabe.
folgendes hab ich amal festglegt:

Code:

q {
  background-color: #E8E8E8;
  text-align: left;
  text-style: italic;
  border: thin dotted gray;
  margin: 5px 0px 5px 0px;
  padding: 3px;
  display: block;
}

das funkt auch alles wunderbar, nur will ich jetzt über dem rahmen eine textausgabe mit "Quote:" ham. (ähnlich der forum quote ausgabe)
probiert hab ichs mit dem:

Code:

q:before {
  content: "Quote:";
}

funkt natürlich nicht. da wird zwar der text davor ausgebn, aba ebn im und ned überm rahmen.
kann ich des mit dem before gar nicht machn oda hab i nur was falsch?
hoff mir kann wer helfn

Rektal schrieb am 29.07.2004 um 08:39

Der content ist und bleibt im block-Element, es steht auch ins den Specs dass der generated Content im "content"-Teil des Elements vorangestellt wird. Und der "content"-Teil ist nunmal der, in dem der normale Text steht, und nicht vor dem eigentlichem Element mit dem Rahmen.

Versuch mal, dem :before ein position relative zu geben und mit top/left zu nach aussen zu verschieben. Aber ich denke, dass kann nur eine Annaeherung werden und nicht was du wirklich willst.

In welchem Browser testest du das?

HVG schrieb am 29.07.2004 um 13:07

es is ned amal a annäherung, es ändert ned wirklich was.
vielleicht mach i a was falsch

browser is firefox.

Rektal schrieb am 29.07.2004 um 13:41

War im Prinzip auch nur Hinwichserei

http://www.w3.org/TR/CSS21/generate.html#x2
"The formatting objects (e.g., boxes) generated by an element include generated content. So, for example, changing the above style sheet to:

p.note:before { content: "Note: " }
p.note { border: solid green }

would cause a solid green border to be rendered around the entire paragraph, including the initial string."

Also, "by design".

watchout schrieb am 31.07.2004 um 10:32

sorry für die zwischenfrage:
:before funkt im IE aber noch nicht, oder?

nitschi schrieb am 31.07.2004 um 11:34

Zitat von watchout
sorry für die zwischenfrage:
:before funkt im IE aber noch nicht, oder?

Nö. Du hast jetzt aber nicht ernsthaft eine andere Antwort erwartet, oder?

watchout schrieb am 31.07.2004 um 19:48

äh... nein :rolleyes:

Rektal schrieb am 01.08.2004 um 18:51

lol Aber warte .. Dean Edwards mit seiner IE7-Emulation arbeitet daran; derzeit hat es wohl Prioritaet 1, dies zu implementieren: http://dean.edwards.name/IE7/ , unter "targets"

ica schrieb am 01.08.2004 um 23:14

Zitat von Rektal
lol Aber warte .. Dean Edwards mit seiner IE7-Emulation arbeitet daran; derzeit hat es wohl Prioritaet 1, dies zu implementieren: http://dean.edwards.name/IE7/ , unter "targets"

coole seite, wusste gar nicht, dass man menüs mit css machen kann

http://dean.edwards.name/IE7/compat...SS%20Menus.html

mat schrieb am 02.08.2004 um 02:10

w00t.. js 0wnage!

Rektal schrieb am 02.08.2004 um 09:11

Zitat von iCA-
Zitat von Master99
nur mal so ne frage, von welchen einstellungen redest du? das einzige was ich brauch ist Input-Channelwahl, volume... ja das wars dann. eq und solche sachen mach ich sowieso an der hifianlage...

EDIT: soll kein flame sein, nur ne nachfrage was du eben alles einstellen willst/kannst/musst/...

Problem ist nur, dass wird halt wirklich nur von Gecko/Opera/Konqueror-Engines unterstuetzt.

Und, ehrlich gesagt, solange ein Menu semantisch Korrekt (verschachtelte Listen usw.) auf einer Webseite ist, hab' ich kein Problem JS zu verwenden um es aufzupepppen.

ica schrieb am 02.08.2004 um 09:51

Zitat von Rektal
Problem ist nur, dass wird halt wirklich nur von Gecko/Opera/Konqueror-Engines unterstuetzt.

Und, ehrlich gesagt, solange ein Menu semantisch Korrekt (verschachtelte Listen usw.) auf einer Webseite ist, hab' ich kein Problem JS zu verwenden um es aufzupepppen.

habs aber extra mitn IE getestet, funktioniert einwandfrei

Rektal schrieb am 02.08.2004 um 14:36

Sorry, stimmt!

watchout schrieb am 02.08.2004 um 17:09

Zitat von Rektal
Sorry, stimmt!

hehe, owned

hab' mir die seite schon "in fett" bookmarked, das ie7-ding werd' ich ziehmlich sicher mal brauchen