» CSS versus HTML?

Upload ermöglichenNeuen Thread eröffnenNeue Antwort erstellenProblem smtp Anmeldung Exchange 2010
AutorNachricht
Beobachter 
Anmeldedatum: 15.10.2014
Beiträge: 3
Chats: 0
15.10.2014, 07:22
zitieren

guten tag!

bin ein ziemlicher neuling hier und auch im mediawiki-bereich!

dank dieses forums habe ich schon sehr viel erreicht und das wiki-system eingerichtet, wie es sich hingehört. nur eine für mich unlogische bzw. undurchschaubare sache ist offen, die ich hier gerne erläutern will.

bei title=MediaWiki:Print.css (beschäftige mich derzeit mit der blööööööden druckversion!!!! GRRRR) soll ich also in welcher "skriptsprache" eingeben?
CSS oder HTML/PHP?

oder wie kann ich die HTML-zeilen in CSS implementieren?

am besten mit einem aktuellen fallbeispiel zur besseren verständlichkeit:
/* Das folgende CSS wird in der Druckausgabe geladen. */

#firstHeading {
background-image: url(http://.../logo.png);
background-repeat: no-repeat;
background-position: right;
line-height: 500%;
color: #335500;
font-family:Tahoma, Verdana, sans-serif;
font-size:150%;
}

#bodyContent {
color: #000000;
font-family:Tahoma, Verdana, sans-serif;
font-size:100%;
}

#contentSub {
color: #000000;
font-family:Tahoma, Verdana, sans-serif;
font-size:100%;
}

#p-Navigation {
 display: none;
}

@media print {

       #content a:link:after,
       #content a:visited:after {
       content: " <" attr(href) "> "; }

        #footer,
        #content,
        body { font-size: 8pt !important; }
        h1 { font-size: 17pt }
        h2 { font-size: 14pt }
        h3 { font-size: 11pt }
        h4 { font-size: 9pt }
        h5 { font-size: 8pt }
        h6 {
            font-size: 8pt;
            font-weight: normal;
      .NavFrame {
              display: none;
      }
      .BoxenVerschmelzen {
              display: none;
      }
}

die klassen "firstheading", "bodycontent" und "contentsub" funktionieren einwandfrei.
alles darunter dagegen nicht.

aber ich lese ständig, dass ich @media wiki ... eingeben soll aber das ist ja an und für sich keine CSS-klasse, oder? wie kann ich das so "ändern", damit alle weiteren zeilen akzeptiert werden?

ist - so wie ich befürchtet - eine mischmasch aus HTML und CSS. das ist nämlich das, was ich nicht so ganz kapiere. in paar seiten ist es reine CSS-zeilen, in anderen dagegen HTML (wie <span>usw.). wovon hängt das ab?

in meinem fall scheint es mit CSS besser zu verfahren (siehe erste drei klassen!).

kann mir wer helfen, die ganzen zeilen zu bereinigen?

wäre für ratschläge dankbar! :)



Verfasst am: 16.10.2014, 13:31
zitieren

no idea? :/
pn
Administrator 

Name: Marc
Geschlecht:
Anmeldedatum: 28.08.2004
Beiträge: 50496
Chats: 11159
Wohnort: Hennef


Meine eBay-Auktionen:
17.10.2014, 10:27
zitieren

Auf der MediaWiki:Print.css darfst Du nur css-Code einfügen.

Du sprichst weiterhin von HTML-Code, aber ehrlich gesagt sehe ich nirgends, dass Du welchen gepostet hättest. Oder meinst Du das:
content: " <" attr(href) "> ";

Das ist kein HTML, sondern immer noch CSS. Du fügst nur per CSS einen HTML Code ein bzw. das hättest Du gerne gemacht. Das Problem ist nämlich, dass das in CSS nicht möglich ist:
http://www.w3.org/TR/CSS21/generate.html#propdef-content
ZitatGenerated content does not alter the document tree. In particular, it is not fed back to the document language processor (e.g., for reparsing).

In meinen Augen macht es aber auch nicht wirklich Sinn in einer Druckansicht einen Link einzufügen oder denkst Du da an PDFs? Was spricht dagegen das normale Template (z.B: monobook.php) entsprechend abzuändern, dass im Footer ein entsprechender Link vorhanden ist?


pn email
Beobachter 
Anmeldedatum: 15.10.2014
Beiträge: 3
Chats: 0
17.10.2014, 10:52
zitieren

mguttAuf der MediaWiki:Print.css darfst Du nur css-Code einfügen.

Du sprichst weiterhin von HTML-Code, aber ehrlich gesagt sehe ich nirgends, dass Du welchen gepostet hättest. Oder meinst Du das:
content: " <" attr(href) "> ";

Das ist kein HTML, sondern immer noch CSS. Du fügst nur per CSS einen HTML Code ein bzw. das hättest Du gerne gemacht. Das Problem ist nämlich, dass das in CSS nicht möglich ist:
http://www.w3.org/TR/CSS21/generate.html#propdef-content
ZitatGenerated content does not alter the document tree. In particular, it is not fed back to the document language processor (e.g., for reparsing).

In meinen Augen macht es aber auch nicht wirklich Sinn in einer Druckansicht einen Link einzufügen oder denkst Du da an PDFs? Was spricht dagegen das normale Template (z.B: monobook.php) entsprechend abzuändern, dass im Footer ein entsprechender Link vorhanden ist?

danke für dein input! soweit alles klar, nur wieso scheint es mit @media print nicht zu funktionieren? wird nicht so dargestellt wie es sein sollte. hast du eine erklärung dafür, wenn alles korrekt in CSS geschrieben ist?


pn
Administrator 

Name: Marc
Geschlecht:
Anmeldedatum: 28.08.2004
Beiträge: 50496
Chats: 11159
Wohnort: Hennef


Meine eBay-Auktionen:
17.10.2014, 11:06
zitieren

Das sollte eigentlich funktionieren. Bedenke aber, dass der Befehle "media print" nur vom Browser beim Drucken verarbeitet wird. D.h. in dessen Druckvorschau z.B. kannst Du das erst sehen.

Außerdem solltest Du testen ob der Code überhaupt greift. z.B. etwas simples wie das:
http://jsfiddle.net/x5bb0frq/
@media print {
body { border:20px solid red }
}

Hier siehst Du, dass der Code erst beim Drucken über den Browser greift:


 
2014-10-17 13_04_58-Edit fiddle - JSFiddle.png
2014-10-17 13_04_58-Edit fiddle - JSFiddle.png - [Bild vergrößern]


pn email
Gast 
17.10.2014, 11:06
zitieren

Mach mit!

Wenn Dir die Beiträge zum Thread "CSS versus HTML?" gefallen haben oder Du noch Fragen hast oder Ergänzungen machen möchtest, solltest Du Dich gleich bei uns anmelden:



Registrierte Mitglieder genießen die folgenden Vorteile:
✔ kostenlose Mitgliedschaft
keine Werbung
✔ direkter Austausch mit Gleichgesinnten
✔ neue Fragen stellen oder Diskussionen starten
✔ schnelle Hilfe bei Problemen
✔ Bilder und Videos hochladen
✔ und vieles mehr...


Neuen Thread eröffnenNeue Antwort erstellen
Ähnliche BeiträgeRe:
Letzter Beitrag
HTML-/CSS-Entwickler (w/m)
Die Starmeo Betriebs GmbH ist im August 2011 mit Sitz in Köln gegründet worden. Starmeo.com ist eine Social-Media-Plattform, spezialisiert auf die Bedürfnisse von Stars und deren Fans. Das junge Start-up sucht noch weitere Mitarbeiter (m/w) in...
von Starmeo
0
376
16.12.2011, 14:47
Starmeo
Softwareentwickler (m/w) C# / HTML / JavaScript / CSS / .Net
München (Headquarters) | Dresden | Duisburg | Den Haag | Dubai | Nottingham | London | Singapur | St. Petersburg | Wien GESUCHT IN DUISBURG : SOFTWAREENTWICKLER (m/w) Unser international agierendes Team soll am Standort Duisburg verstärkt werden durch...
von kimjob
0
33
27.09.2013, 07:50
kimjob
Frontend-/Webentwickler (m/w) – für HTML/CSS/JavaScript/PHP
Für unseren Standort in Starnberg bei München suchen wir ab sofort einen Frontend-/Webentwickler (m/w) – für HTML/CSS/JavaScript/PHP Über uns: Die united-domains AG (www.united-domains.de) mit Standorten in Starnberg bei München, St. Ingbert im Saarland...
von kimjob
0
45
09.11.2013, 16:50
kimjob
Senior Frontend Entwickler / Senior Web Developer (m/w) HTML / PHP / CSS / JS
Stellenangebot | Anforderungsprofil department one ist eine inhabergeführte Full-Service-Agentur mit Hauptsitz in Berlin. Unser Leistungsspektrum umfasst die Beratung, Planung, Konzeption, Planung, Gestaltung und Realisierung von Werbe- und...
von kimjob
0
19
09.03.2015, 16:43
kimjob
PRK versus LASIK
Because PRK does not involve a permanent flap in the deeper corneal layers (the LASIK procedure involves a mechanical microkeratome using a metal blade or a femtosecond laser microkeratome to create a 'flap' out of the outer cornea), the cornea's...
von mgutt
1
6.543
21.04.2009, 16:43
razib1099
[News] Passat versus Accord
Komisches Ergebnis der Redaktion: http://www.news.de/auto/855232968/der-sieg-der-vernunft/1/ Das Fazit Die Rollen waren von Anfang an klar verteilt: Der Passat ist der biedere Klassenprimus, der Honda ein Herausforderer, der mit seinen Reizen nicht...
von mgutt
8
724
17.10.2011, 10:02
SaschaOF
Odyssey versus Mustang
http://www.youtube.com/watch?v=TsVZEOlarF8...
von mgutt
0
1.676
16.07.2007, 18:02
mgutt
Media Markt versus Zalando
Ich habe mich gestern schlapp gelacht als der Spot im TV kam...
von mgutt
1
233
30.10.2012, 13:09
Ej2 VTi
ED9 ohne Kat VERSUS EE8
hab hier im forum mal gelesen, das ein ed9 130 ps ohne kat genauso schnell von 0 - 100 beschleunigt wie ein VTEC mit 150 ps .. weil er leichter sein soll ... aber was passiert dann mit dem VTEC vorteil??...
von nothingface1984
29
3.003
17.03.2007, 21:33
lolrofl
Seat Leon versus Opel Tigra
http://www.youtube.com/watch?v=lFctL5IBaVk&feature=fvst...
von mgutt
0
328
26.06.2011, 09:54
mgutt
© 2004 - 2016 www.wiki-forum.de | Communities | Impressum |