css: <q> styling

HVG

untitled

Registered: Jun 2000
Location: NÖ
Posts: 5956

28.07.2004 - 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

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4422

29.07.2004 - 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

untitled

Registered: Jun 2000
Location: NÖ
Posts: 5956

29.07.2004 - 13:07

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

browser is firefox.

Bearbeitet von HVG am 29.07.2004, 13:11

Rektal

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4422

29.07.2004 - 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

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

31.07.2004 - 10:32

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

nitschi

miau!

Registered: Oct 2002
Location: Wien
Posts: 1731

31.07.2004 - 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

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

31.07.2004 - 19:48

äh... nein :rolleyes:

Rektal

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4422

01.08.2004 - 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

hmm

Registered: Jul 2002
Location: Graz
Posts: 9802

01.08.2004 - 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

Administrator
Legends never die

Registered: Aug 2003
Location: nö
Posts: 25381

02.08.2004 - 02:10

w00t.. js 0wnage!

Rektal

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4422

02.08.2004 - 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

hmm

Registered: Jul 2002
Location: Graz
Posts: 9802

02.08.2004 - 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

Here to stay

Registered: Dec 2002
Location: Inside
Posts: 4422

02.08.2004 - 14:36

Sorry, stimmt!

watchout

Legend
undead

Registered: Nov 2000
Location: Off the grid.
Posts: 6845

02.08.2004 - 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

HVG untitled Registered: Jun 2000 Location: NÖ Posts: 5956	28.07.2004 - 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 Here to stay Registered: Dec 2002 Location: Inside Posts: 4422	29.07.2004 - 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 untitled Registered: Jun 2000 Location: NÖ Posts: 5956	29.07.2004 - 13:07 es is ned amal a annäherung, es ändert ned wirklich was. vielleicht mach i a was falsch browser is firefox. Bearbeitet von HVG am 29.07.2004, 13:11
Rektal Here to stay Registered: Dec 2002 Location: Inside Posts: 4422	29.07.2004 - 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 Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	31.07.2004 - 10:32 sorry für die zwischenfrage: :before funkt im IE aber noch nicht, oder?
nitschi miau! Registered: Oct 2002 Location: Wien Posts: 1731	31.07.2004 - 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 Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	31.07.2004 - 19:48 äh... nein
Rektal Here to stay Registered: Dec 2002 Location: Inside Posts: 4422	01.08.2004 - 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 hmm Registered: Jul 2002 Location: Graz Posts: 9802	01.08.2004 - 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 Administrator Legends never die Registered: Aug 2003 Location: nö Posts: 25381	02.08.2004 - 02:10 w00t.. js 0wnage!
Rektal Here to stay Registered: Dec 2002 Location: Inside Posts: 4422	02.08.2004 - 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 hmm Registered: Jul 2002 Location: Graz Posts: 9802	02.08.2004 - 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 Here to stay Registered: Dec 2002 Location: Inside Posts: 4422	02.08.2004 - 14:36 Sorry, stimmt!
watchout Legend undead Registered: Nov 2000 Location: Off the grid. Posts: 6845	02.08.2004 - 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

css: <q> styling

Forum Index > Software > Coding Stuff

HVG

Rektal

HVG

Rektal

watchout

nitschi

watchout

Rektal

ica

mat

Rektal

ica

Rektal

watchout