Stylesheet auf Seite stellenweise ignorieren

dossi

Ich habe WP 2.8 und als Theme "dialogue avenue" und das soll auch so bleiben.

Dennoch möchte ich stellenweise im Content einer Seite Text einbinden, der nicht an ein Stylesheet gebunden ist. Das ist ja z.B. bei der Übernahme von formatierten Texten aus mit Frontpage erstellten Seiten der Fall. Kopiere ich so einen Text in Wordpress ein, formatiert Wordpress ihn automatisch: Aus großen schwarzen Überschriften werden kleine grüne, aus kursiven Times New Roman wird geraders Arial usw - am Ende sieht also alles nicht mehr so aus, wie es war.

Mein Gedanke war nun, ob es da nicht ein Containerchen gibt, in dem ich dann den Quelltext der betreffenden Texte aus Frontpage hinein kopiere.
Ziel wäre, dass alles außerhalb dieses Containers seine Formatierung aus der CSS behält und alles im Container von der CSS nicht beeinflusst wird.

Leider kenne ich mich mit CSS noch nicht aus und finde daher keinen Ansatz, mit dem ich googlen könnte.

Gibt es eine Möglichkeit, das Problem zu lösen?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

So wie du das willst geht das nicht. Das "C" in CSS steht ja für kaskadierend, Vererbung ist in CSS also Grundgedanke.

Du kannst aber mit der "Spezifität" arbeiten, diese legt fest, welche CSS-Regel Anwendung findet. Zum Beispiel werden Inline-Styles in der Regel höher gewichtet als Angaben in der zentralen Stylesheet-Datei. Hier gibts ne Einführung:
CSS 4 You - The Finest in Stylesheets: Workshop CSS: Teil 8 - Vererbung

dossi

Ach du Schreck, diese Seite wieder. Nach meinem letzten Versuch, CSS zu begreifen, hatte ich zwei Tage lang Kopfschmerzen. Trotzdem danke für den Link. Langfristig muss ich mich eh damit beschäftigen. Kurzfristig reicht aber ein Provisorium...

Okay, ich möchte dir mal zeigen, worum es geht:

Es geht immer noch um meinen "Schatz":

Zeit am Meer.

Ich habe alles so weit hinbekommen, dass ich diese Vorlage in Frontpage öffnen kann, die alte mit Frontpage erstellte Seite auch, dann vom ersten bis zum letzten Buchstaben alles markiere, in die Vorlage einfüge, die Vorlage kurz mit Notepad++ öffne und zu UTF-8 mit BOM konvertiere und schon ist alles in Butter.

Leider aber nur, solange im Text keine Links sind. Beim Impressum hat es wunderbar geklappt aber bei Seiten mit Links hat die Vorlage das Bedürfnis, diese gemäß der style.css zu formatieren. Ich fürchte, dass wenn ich die style.css irgendwie aus der Vorlage verbannen könnte, sich dies auch auf den Text in der Sidebar auswirkt. Das wäre dann auch wieder schlecht.

Daher war nun mein Gedanke, das Design um meine Einfügung herum so zu belassen - also auf keinen Fall die style.css zu ändern und in einem Container oder zwischen zwei Codeschnipselchen den Content aus Frontpage einzufügen und dass der dann seine Formatierungen behält.

Geht also nur über Vererbung? Da hört bei mir allerdings das Verstehen auf. Die Vorlage nutzt ja sicherlich die style.css. Das heißt, dass ich wenn ich etwas ändern will, das in der style.css tun muss und sich das dann auch wieder auf alles auswirkt? Das wäre ja nicht so toll, denn wenn die alten Seiten erst einmal in Wordpress sind (zumindest optisch und bedienungsmäßig), werde ich ja neu hinzu kommende Seiten nicht mehr mit Frontpage erstellen. Die Änderungen sollen sich nur auf die Vorlage auswirken.

Kann man sonst auch mit einer zweiten style.css arbeiten und die Vorlage dazu bringen, diese zu verwenden, statt der originalen? Oder könnte ich die Vorlage dazu bringen, die style.css zu ignorieren? Ich würde zumindest gern mal sehen, wie das dann aussieht - ohne style.css. Aber nur in der Vorlage.

Ich schätze mal, dass die style.css über die allererste Codezeile

PHP

<?php require('zeit-am-meer/wp-blog-header.php'); ?>

ins Spiel kommt. Nur habe ich davon noch weniger Ahnung.

LG Martin

marX

Zitat von dossi

Ach du Schreck, diese Seite wieder. Nach meinem letzten Versuch, CSS zu begreifen, hatte ich zwei Tage lang Kopfschmerzen.

Die Grundlagen von CSS sind doch eigentlich einfach. Du kannst (zentral) HTML-Elemente formatieren, die meisten Eigenschaften werden dabei an die inneren HTML-Elemente vererbt. Spezifischere Eigenschaften überschreiben weniger spezifischere Angaben, bei gleicher Spezifität gilt die letztgenannte Eigenschaft. ;-)

Zitat

Kurzfristig reicht aber ein Provisorium...

das wären dann InlineStyles, via style-Attribut. neben CSS4You kannst du dazu auch hier schauen:
SELFHTML: Stylesheets / CSS-Formate definieren / HTML-Elemente direktformatieren

Zitat

Leider aber nur, solange im Text keine Links sind. Beim Impressum hat es wunderbar geklappt aber bei Seiten mit Links hat die Vorlage das Bedürfnis, diese gemäß der style.css zu formatieren. Ich fürchte, dass wenn ich die style.css irgendwie aus der Vorlage verbannen könnte, sich dies auch auf den Text in der Sidebar auswirkt. Das wäre dann auch wieder schlecht.

Du könntest die Angaben in der style.css so umbiegen, dass sie nur für Links in der Sidebar gelten. Also alle globalen Angaben für a raus und durch vorangestelltes #sidebar (oder wie der Selektor für die Sidebar bei dir heißt) für die Sidebar spezifizieren.

Zitat

Geht also nur über Vererbung? Da hört bei mir allerdings das Verstehen auf.

Nein, Vererbung ist der Grundgedanke und müsste für dein Vorhaben quasi abgeschaltet werden. Was aber nicht geht.

Zitat

Die Vorlage nutzt ja sicherlich die style.css. Das heißt, dass ich wenn ich etwas ändern will, das in der style.css tun muss und sich das dann auch wieder auf alles auswirkt? Das wäre ja nicht so toll, denn wenn die alten Seiten erst einmal in Wordpress sind (zumindest optisch und bedienungsmäßig), werde ich ja neu hinzu kommende Seiten nicht mehr mit Frontpage erstellen. Die Änderungen sollen sich nur auf die Vorlage auswirken.

Wenns nur temporär sein soll, dann nimm für das Provisorium eben die schon erwähnten Inline-Styles. Das macht am wenigsten Arbeit.

Zitat

Kann man sonst auch mit einer zweiten style.css arbeiten und die Vorlage dazu bringen, diese zu verwenden, statt der originalen?

Auch das geht. Dieses 2. Stylesheet müsste dann nur spezifischere Angaben enthalten, zum Beispiel über einen vorangestellten ID-Selektor.

Zitat

Oder könnte ich die Vorlage dazu bringen, die style.css zu ignorieren?

Nein. Es sei denn du schaltest das Stylesheet komplett aus.

Zitat

Ich würde zumindest gern mal sehen, wie das dann aussieht - ohne style.css. Aber nur in der Vorlage.

Für den Firefox gibts die Erweiterung "Web Developer Toolbar", über die kann man (temporär) das CSS abschalten. Opera hat sowas schon eingebaut. (Schön um zu sehen, wie z.B. Suchmaschinen die eigene Seite sehen ;-))

Zitat
Ich schätze mal, dass die style.css über die allererste Codezeile
PHP
<?php require('zeit-am-meer/wp-blog-header.php'); ?>
ins Spiel kommt.

Nunja, über den Header deines WP-Themes. Der wird ja dort drin irgendwo eingebunden. Von daher: ja.

dossi

Ein Tag tüfteln bringt viel Verständnis hervor. Aber nicht genug.

Ich habe mit dem Code von Selfhtml mal herumprobiert. Ich kann ihn so wie er ist einsetzen und das ergibt einwandfrei dieses Zitat im grünen Kasten.

Aber n.m.V. ist realisiert diese Lösung nur Texte und Boxen, während ich ja eine eigentlich komplette Seite mit verschiedenen Formatierungen und auch mit Kätsten etc. dort haben will. Da gerate ich dann ins Stocken, weil ich keine Tags finde, von denen ich sagen würde, da muss mein Code zwischen. Verstehst du: Ich weiß ja bei html z.B. dass der Code zwischen die beiden body-Tags muss und ich weiß ja stets, dass Codes mit < beginnen und mit > enden. Hier finde ich aber keine solche Tags:

PHP

<h1>Die Seite mit dem besonderen Element</h1>
<p>Hier sind zwar zentrale Formatdefinitionen vorhanden,
aber das folgende Element soll etwas Besonderes sein:</p>


<p style="background-color:#808040; color:#D8FD02;
font-family:'Century Schoolbook',serif; font-size:2em; letter-spacing:3px;
padding:40px; border:double #D8FD02 4px;"
title="Zitat von Francis Picabia">
Unser Kopf ist rund, damit das Denken die Richtung wechseln kann!
</p>

Alles anzeigen

Außer natürlich das <p> und </p> - aber da wird mein Code wohl seine Formatierung drin verlieren.

Oder habe ich das falsch verstanden?

Nachtrag: Das Problem ist nämlich, dass er aus Times New Roman Size=2 wieder Arial macht. Der böse.

http://heiligendamm.city-gate.net/test.php

marX

Zitat von dossi

Ich habe mit dem Code von Selfhtml mal herumprobiert. Ich kann ihn so wie er ist einsetzen und das ergibt einwandfrei dieses Zitat im grünen Kasten.

Schön. :-)

Zitat

Aber n.m.V. ist realisiert diese Lösung nur Texte und Boxen,

Nein, du kannst (fast) jeden HTML-Element ein style-Attribut zuweisen. Die wenigen Ausnahmen brauchen auch keinen Style (<script> z.B.)

Zitat

während ich ja eine eigentlich komplette Seite mit verschiedenen Formatierungen und auch mit Kätsten etc. dort haben will.

Aufwändig, sicher, aber nicht unmöglich. Und Frontpage kann man sicher einstellen dass es Inline-Styles nutzt.

Zitat

Hier finde ich aber keine solche Tags:

Code

[color=red]<h1>[/color]Die Seite mit dem besonderen Element[color=red]</h1>[/color]
[color=red]<p>[/color]Hier sind zwar zentrale Formatdefinitionen vorhanden,
aber das folgende Element soll etwas Besonderes sein:[color=red]</p>[/color]


[color=red]<p style="background-color:#808040; color:#D8FD02;
font-family:'Century Schoolbook',serif; font-size:2em; letter-spacing:3px;
padding:40px; border:double #D8FD02 4px;"
title="Zitat von Francis Picabia">[/color]
Unser Kopf ist rund, damit das Denken die Richtung wechseln kann!
[color=red]</p>[/color]

Alles anzeigen

HTH

Aber Grundlagen CSS möchte ich dir hier nicht erklären. ;-)

dossi

Nee, ist klar. Trotzdem danke.

Ich habe einen vielversprechenden Lösungsweg gefunden:

In Frontpage lässt sich einstellen, mit welchem Stylesheet die Seite arbeiten soll. Ich habe das mal ausprobiert und Frontpage die style.css nehmen lassen und dann sieht alles so aus, wie in Wordpress.

Nun kam mir der Gedanke, dass ich ja nur die style.css dahin gehend abändern brauche, dass der die Sidebar richtig darstellt und den Rest gar nicht beeinflusst. Das speichere ich dann unter einem neuen Namen ab und gebe das in Frontpage dementsprechend ein.

Und es funktioniert:

http://heiligendamm.city-gate.net/vl1.php

Die Formatierung im Content ist exakt, wie in Frontpage - also wie ich es will.

Nur habe ich wohl entweder zu viel entfernt oder die Vererbung nicht beachtet und so ist auch die Sidebar "entformatiert". Ich kämpfe mich seit 2 Tagen durch die style.css aber auch mit Handbüchern ist das für mich chinesisch.

Ich habe sie mal einkopiert:

dossi

PHP

/*
    Theme Name: Dialogue Avenue (Widget-ready)
    URI: http://www.web-funk.de
    Description: A puristic and straight wordpress theme.
    Version: 04.00 (de, en)
    Author: Mark Dyn&eacute;t
    Author URI: http://www.playatdawn.com/
    
    This Theme is Widget-ready.
    
    The unprocessed photo of the headerimage is published by
    http://www.photocase.de
    
    The CSS, XHTML and design is released under the GPL:
    http://www.opensource.org/licenses/gpl-license.php
*/


/* ---------------------------------------------------------------------------------- */


html, body {
margin:0;
padding:0;
text-align:center;
}
body {
background:transparent url(images/back.jpg) repeat scroll 0 0;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}
p {
margin:0 0 12px;
}
a {
color:#1F5A66;
text-decoration:none;
}
a:hover {
color:#993D00;
text-decoration:none;
}
#content a:hover {
color:#0095B3;
text-decoration:none;
}
#archiv a:hover {
color:#0095B3;
text-decoration:none;
}
#head a, img {
border:medium none;
}
#page {
background:transparent url(images/main.jpg) repeat-y scroll 0 0;
margin:0 auto;
padding:0;
text-align:left;
width:1024px;
}
#head {
background:transparent url(images/head.jpg) no-repeat scroll center top;
height:210px;
margin:0;
padding:0;
}
#titel {
float:left;
font-size:33px;
margin:0;
padding:100px 0 0;
text-align:center;
width:1024px;
}
#content {
color:#000000;
float:left;
margin:0 0 10px;
padding:0 15px;
text-align:left;
width:725px;
}
#archiv {
color:#000000;
float:left;
margin:0 0 40px;
padding:0 25px;
text-align:left;
width:700px;
}
.entry {
color:#525252;
line-height:1.6em;
margin:12px 0 0;
text-align:justify;
}
.entry a {
color:#B33C00;
text-decoration:none;
}
.entry_x {
color:#525252;
line-height:1.6em;
margin:12px 0 0 70px;
text-align:justify;
}
.entry_x a {
color:#B33C00;
text-decoration:none;
}
.text {
color:#707D80;
line-height:1.6em;
margin:12px 0 0;
text-align:justify;
}
.text a {
color:#B33C00;
text-decoration:none;
}
#footer {
clear:both;
color:#86ABB3;
font-size:11px;
height:58px;
margin:0;
padding:12px 0 0 220px;
}
#footer a {
background:transparent none repeat scroll 0 0;
color:#86ABB3;
}
#footer a:hover {
color:#0095B3;
text-decoration:none;
}
.foot {
text-align:left;
}
#sidebar {
color:#7A9499;
float:right;
font-size:11px;
margin:0;
padding:0 100px 0 0;
text-align:left;
width:165px;
}
#sidebar a {
background:transparent none repeat scroll 0 0;
color:#00404D;
}
#sidebar a:hover {
background:transparent none repeat scroll 0 0;
color:#0095B3;
}
h1 {
background:transparent none repeat scroll 0 0;
color:#1F5A66;
font-family:'Times New Roman',Times,serif;
font-size:24px;
font-weight:normal;
letter-spacing:1px;
margin:40px 0 0;
padding:0;
text-decoration:none;
}
h1 a {
text-decoration:none;
}
h2 {
border-bottom:1px solid #CAD7D9;
color:#1F5A66;
font-family:'Times New Roman',Times,serif;
font-size:24px;
font-weight:normal;
letter-spacing:1px;
margin:20px 0 0;
padding:0 0 3px;
text-decoration:none;
}
h2 a {
text-decoration:none;
}
h3 {
-moz-background-clip:inherit;
-moz-background-inline-policy:inherit;
-moz-background-origin:inherit;
color:#1F5A66;
font-size:12px;
font-weight:normal;
margin:16px 0 4px;
padding:0;
}
#sidebar h3 {
background:transparent none repeat scroll 0 0;
border-bottom:4px solid #CAD7D9;
color:#4D7780;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-variant:normal;
font-weight:bold;
letter-spacing:1px;
margin:16px 0 3px;
padding:0 0 3px;
text-decoration:none;
}
#sidebar h4 {
background:transparent none repeat scroll 0 0;
border-bottom:4px solid #CAD7D9;
color:#4D7780;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-variant:normal;
font-weight:bold;
letter-spacing:1px;
margin:30px 0 3px;
padding:0 0 3px;
text-decoration:none;
}
#sidebar h5 {
background:transparent none repeat scroll 0 0;
border-bottom:4px solid #CAD7D9;
color:#4D7780;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-variant:normal;
font-weight:bold;
letter-spacing:1px;
margin:27px 0 3px;
padding:0 0 3px;
text-decoration:none;
}
#sidebar h6 {
background:transparent none repeat scroll 0 0;
border-bottom:1px solid #CAD7D9;
color:#4D7780;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-variant:normal;
font-weight:bold;
letter-spacing:1px;
margin:30px 0 3px;
padding:0 0 3px;
text-decoration:none;
}
h6 {
border-bottom:4px solid #CAD7D9;
color:#1F5A66;
font-family:'Times New Roman',Times,serif;
font-size:24px;
font-weight:normal;
letter-spacing:1px;
margin:20px 0 0;
padding:0 0 3px;
text-decoration:none;
}
h6 a {
text-decoration:none;
}
#content h4 {
background:transparent none repeat scroll 0 0;
border-bottom:1px solid #CAD7D9;
color:#006A80;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-variant:normal;
font-weight:bold;
margin:25px 0 7px;
padding:0 0 2px;
text-decoration:none;
}
#content h5 {
background:transparent none repeat scroll 0 0;
border-bottom:1px solid #CAD7D9;
color:#006A80;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-variant:normal;
font-weight:bold;
margin:12px 0 10px;
padding:0;
text-decoration:none;
}
.date {
background:transparent none repeat scroll 0 0;
border-bottom:1px solid #CAD7D9;
color:#86ABB3;
font-family:'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:2px 0 0;
padding:0 0 4px;
}
.date_x {
background:transparent none repeat scroll 0 0;
border-bottom:1px solid #CAD7D9;
color:#86ABB3;
font-family:'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:2px 0 0 70px;
padding:0 0 4px;
}
.title {
background:transparent none repeat scroll 0 0;
border-bottom:4px solid #CAD7D9;
color:#4D7780;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
font-variant:normal;
font-weight:bold;
letter-spacing:1px;
margin:16px 0 3px;
padding:0 0 3px;
text-decoration:none;
}
.archivtitle {
background:transparent none repeat scroll 0 0;
color:#1F5A66;
font-family:'Trebuchet MS','Bitstream Vera Sans',Verdana,Arial,'Lucida Sans','Lucida Sans Unicode',Helvetica,sans-serif;
font-size:14px;
font-variant:normal;
letter-spacing:0.09em;
margin:10px 0 40px 70px;
padding:0 0 3px;
}
.tagtitle {
border-bottom:4px solid #CAD7D9;
color:#1F5A66;
font-family:'Times New Roman',Times,serif;
font-size:24px;
font-weight:normal;
letter-spacing:0.09em;
margin:20px 0 40px 70px;
padding:0 0 5px;
text-decoration:none;
}
.description {
color:#EBEBEB;
font-size:1px;
font-variant:normal;
letter-spacing:1px;
padding:0 0 0;
text-align:center;
}
blockquote {
border-left:4px solid #CAD6D9;
clear:left;
color:#9DAFB3;
margin:20px 40px 16px 25px;
padding:0 0 0 25px;
text-align:justify;
}
#email, #author, #url {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CAD6D9;
color:#1F5A66;
font-size:11px;
padding-left:2px;
vertical-align:middle;
}
#content img {
border:1px solid #CCCCCC;
display:inline;
max-width:100%;
padding:4px;
}
#archiv img {
border:1px solid #CCCCCC;
display:inline;
max-width:100%;
padding:4px;
}
.entry img {
display:inline;
margin:6px 10px 0 0;
}
.entry_x img {
display:inline;
margin:6px 10px 0 0;
}
.entry .right img {
display:inline;
float:right;
margin:6px 0 0 10px;
}
.entry_x .right img {
display:inline;
float:right;
margin:6px 0 0 10px;
}
#sidebar img {
border:medium none;
margin:0;
padding:0;
vertical-align:text-bottom;
}
#content .wp-smiley {
background:transparent none repeat scroll 0 0;
border:medium none;
float:none;
margin:0;
padding:0;
}
#archiv .wp-smiley {
background:transparent none repeat scroll 0 0;
border:medium none;
float:none;
margin:0;
padding:0;
}
.entry ol {
background:transparent none repeat scroll 0 0;
color:#9DAFB3;
list-style-type:square;
margin:0 0 12px 40px;
padding:0;
}
.entry ul {
background:transparent none repeat scroll 0 0;
color:#9DAFB3;
list-style-type:disc;
margin:0 0 12px 40px;
padding:0;
}
.entry ol li {
background:transparent none repeat scroll 0 0;
color:#9DAFB3;
list-style-type:decimal;
margin:0 0 0 12px;
padding:0;
}
.entry ul li {
background:transparent none repeat scroll 0 0;
color:#9DAFB3;
list-style-type:circle;
margin:0 0 0 12px;
padding:0;
}
.entry_x ol {
background:transparent none repeat scroll 0 0;
color:#9DAFB3;
list-style-type:square;
margin:0 0 12px 40px;
padding:0;
}
.entry_x ul {
background:transparent none repeat scroll 0 0;
color:#9DAFB3;
list-style-type:disc;
margin:0 0 12px 40px;
padding:0;
}
.entry_x ol li {
background:transparent none repeat scroll 0 0;
color:#9DAFB3;
list-style-type:decimal;
margin:0 0 0 12px;
padding:0;
}
.entry_x ul li {
background:transparent none repeat scroll 0 0;
color:#9DAFB3;
list-style-type:circle;
margin:0 0 0 12px;
padding:0;
}
#sidebar ul ul li {
border-bottom:1px dotted #CAD6D9;
color:#86ABB3;
line-height:1.5em;
list-style-type:none;
margin:0;
padding:0 0 2px;
}
#sidebar ul ul ul li {
border:medium none;
color:#86ABB3;
list-style-type:square;
margin-left:15px;
}
#sidebar ul {
background:transparent none repeat scroll 0 0;
color:#86ABB3;
list-style-type:none;
margin:0;
padding:0;
}
#sidebar ul li.categories {
border:medium none;
}
#sidebar ul li ul li ul.children {
background:transparent none repeat scroll 0 0;
border-bottom:medium none;
}

Alles anzeigen

dossi

PHP

#s {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CAD6D9;
color:#4C6266;
font-size:12px;
font-weight:normal;
height:17px;
margin:12px 0 3px;
padding:2px 0 0 2px;
width:161px;
}
#comment {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CAD6D9;
color:#993D00;
font-size:11px;
padding:2px;
width:350px;
}
#submit {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CAD6D9;
color:#1F5A66;
font-size:11px;
margin:0;
padding:0 10px;
}
.commentbody {
background:#F7F7F0 none repeat scroll 0 0;
border:1px solid #CAD6D9;
color:#1F5A66;
font-size:11px;
list-style-type:none;
margin:0 0 20px;
padding:16px 12px;
position:relative;
}
.commentcount {
-moz-background-clip:inherit;
-moz-background-inline-policy:inherit;
-moz-background-origin:inherit;
color:#DEDBCC;
float:right;
font-family:Georgia,Times,'Times New Roman',serif;
font-size:24px;
font-weight:bold;
margin:20px 12px 0 0;
padding:0;
}
.comment_title {
-moz-background-clip:inherit;
-moz-background-inline-policy:inherit;
-moz-background-origin:inherit;
color:#1F5A66;
font-size:16px;
font-weight:normal;
margin:16px 0 12px;
padding:0;
text-align:left;
}
.com_pic {
background:transparent url(images/bubble.gif) no-repeat scroll left center;
height:26px;
}
.com_info {
color:#993D00;
padding:0 0 0 32px;
}
.commentbody p {
line-height:1.2em;
}
.commentlink {
font-size:10px;
}
.commentlist {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.commentlist a {
color:#993D00;
}
#info {
background:transparent url(images/info.gif) no-repeat scroll left top;
}
.info_m {
background:transparent none repeat scroll 0 0;
border-top:1px solid #CAD6D9;
clear:left;
color:#1F5A66;
font-size:10px;
letter-spacing:0.01em;
margin:0 0 30px;
padding:4px 0 0;
text-align:left;
}
.info_m a {
background:transparent none repeat scroll 0 0;
color:#1F5A66;
}
.info_s {
background:transparent url(images/bottom.gif) repeat-x scroll left bottom;
clear:left;
color:#1F5A66;
font-size:10px;
line-height:1.2em;
margin:8px 0 25px;
padding:5px 0 20px 64px;
}
.info_s a {
background:transparent none repeat scroll 0 0;
color:#993D00;
}
.info_x {
background:transparent none repeat scroll 0 0;
border-top:1px solid #CAD6D9;
clear:left;
color:#1F5A66;
font-size:10px;
letter-spacing:0.01em;
margin:0 0 40px 70px;
padding:4px 0 0;
text-align:left;
}
.info_x a {
background:transparent none repeat scroll 0 0;
color:#1F5A66;
}
.line {
border-top:1px solid #CAD6D9;
margin:0 0 7px;
padding:0;
}
.spacer {
border-top:1px dotted #CAD6D9;
margin:25px 0 7px;
padding:0;
}
.navbutton {
background:transparent none repeat scroll 0 0;
border-bottom:1px dotted #CAD6D9;
color:#86B0B3;
font-size:11px;
line-height:1.5em;
margin:0;
padding:0 0 4px;
text-align:left;
}
.navigation {
border-bottom:1px solid #CAD6D9;
border-top:4px solid #CAD6D9;
color:#1F5A66;
font-size:11px;
margin:40px 0 20px;
padding:2px 0 17px;
}
.navigation a {
background:transparent none repeat scroll 0 0;
color:#86ABB3;
}
.navigation_x {
border-bottom:1px solid #CAD6D9;
border-top:4px solid #CAD6D9;
color:#1F5A66;
font-size:11px;
margin:40px 0 20px 70px;
padding:2px 0 17px;
}
.navigation_x a {
background:transparent none repeat scroll 0 0;
color:#86ABB3;
}
.alignleft {
float:left;
text-align:left;
}
.alignright {
float:right;
text-align:right;
}
.post-date {
background:transparent url(images/date-bg.gif) no-repeat scroll 0 0;
float:left;
height:49px;
margin:4px 25px 0 0;
width:45px;
}
.post-month {
color:#FFFFFF;
display:block;
font-size:10px;
line-height:11px;
margin-left:0;
padding-top:2px;
text-align:center;
text-transform:uppercase;
}
.post-day {
color:#999999;
display:block;
font-size:18px;
line-height:18px;
margin-left:-3px;
padding-top:7px;
text-align:center;
text-transform:uppercase;
}
.tags {
background:transparent none repeat scroll 0 0;
border-bottom:1px solid #CAD6D9;
border-top:1px dotted #CAD6D9;
clear:left;
color:#1F5A66;
font-size:12px;
font-variant:normal;
margin:20px 0 0;
padding:4px 10px 4px 0;
}
#tagcloud {
border-bottom:4px solid #CAD6D9;
border-top:4px solid #CAD6D9;
color:#86ABB3;
font-variant:normal;
margin:20px 0 0;
padding:4px 0 7px;
text-align:center;
}
#tagcloud a {
background:transparent none repeat scroll 0 0;
color:#86ABB3;
text-align:center;
}
#commentform {
border-color:#CAD6D9;
}
#commentform p {
border-color:#CAD6D9;
color:#1F5A66;
}
#commentform label {
border-color:#CAD6D9;
color:#1F5A66;
}
#commentform input {
border-color:#CAD6D9;
color:#1F5A66;
}
.nocomments {
background:transparent none repeat scroll 0 0;
color:#1F5A66;
}
acronym {
color:#0095B3;
font-style:italic;
text-decoration:none;
}
code {
-moz-background-clip:inherit;
-moz-background-inline-policy:inherit;
-moz-background-origin:inherit;
color:#1F5A66;
text-align:right;
}
ol, form {
list-style-type:none;
margin:0;
padding:0;
}
html[xmlns] .commentcount {
position:absolute;
right:7px;
top:0;
}
html > body #wp-calendar {
 margin-top:8px;
 text-align:left;
 width:165px;
 }
 #wp-calendar caption {
 background:transparent none repeat scroll 0 0;
 border:1px solid #CAD6D9;
 color:#B34700;
 font-size:11px;
 margin:0;
 padding:2px 0 2px 2px;
 text-align:left;
 }
 #wp-calendar td {
 background:transparent none repeat scroll 0 0;
 border:1px solid #CAD6D9;
 border-collapse:collapse;
 }
 #wp-calendar td a {
 color:#B34700;
 display:block;
 font-weight:normal;
 width:100%;
 }
 #wp-calendar td.pad {
 background:transparent none repeat scroll 0 0;
 border:1px solid #CAD6D9;
 }
 #wp-calendar td#next {
 background:transparent none repeat scroll 0 0;
 padding:0.1em 0;
 }
 #wp-calendar td#prev {
 background:transparent none repeat scroll 0 0;
 padding:0.1em 0;
 }
 #wp-calendar td#next a, #wp-calendar td#prev a {
 display:inline;
 }
 #wp-calendar td#next {
 text-align:right;
 }
 #wp-calendar td#prev {
 text-align:left;
 }
 .myinlinepicture {
 padding:0;
 }
 .myinlinepictureleft {
 float:left;
 margin:0 10px 0 0;
 padding:0;
 }
 .myinlinepictureright {
 float:right;
 margin:0 0 0 10px;
 padding:0;
 }
 /* -------------------------------------------

Alles anzeigen

Reicht das, da irgend etwas (über Firebug gut herauszukriegen) wegzunehmen oder muss ich dann noch etwas hinzufügen?

LG Martin

PS: Wieso zum Fuchs kommen da keine Scrollbalken bei der langen Einfügung...

marX

Zitat von dossi

Nur habe ich wohl entweder zu viel entfernt oder die Vererbung nicht beachtet und so ist auch die Sidebar "entformatiert". Ich kämpfe mich seit 2 Tagen durch die style.css aber auch mit Handbüchern ist das für mich chinesisch.

Dein Stylesheet ist nicht aufrufbar:
http://heiligendamm.city-gate.net/zeit-am-meer/w…vlms/vstyle.css

Zitat

PS: Wieso zum Fuchs kommen da keine Scrollbalken bei der langen Einfügung...

Du hast beim Aufteilen die [code=php]-Tags auseinandergerissen. Beitragsübergreifend funktionieren die nicht mehr. ;-)

dossi

Nachdem ich mich nun über mich selbst fast totgelacht habe, habe ich die Datei ins richtige Verzeichnis gepackt. Klaro: Da war gar nichts formatiert, weil das Stylesheet fehlte.

Allerdings ist nun auch der Content wieder nach Wordpress-Regeln formatiert. Wie man sieht, habe ich ja im Stylesheet eine Menge entfernt.

Im Vergleich zum Frontpage-Original:

http://heiligendamm.city-gate.net/diskussion2009.php

ist ja auch das meiste nun endlich gleich. Nur macht er aus einem Times New Roman Größe 2 manchmal einfach ein Arial Größe 3 und färbt die Überschriften grün. Die Ursachen dafür habe ich auch mit Firebug noch nicht gefunden. Wenngleich ich ja auch sagen muss, dass ich Firebug erst das dritte Mal benutze.

Ansonsten geht es ja bis auf die noch zu weit links liegende Sidebar ganz gut. Manchmal hat selbst ein so veranscheutes Programm wie Frontpage noch gute Seiten...

marX

Zitat von dossi

Da war gar nichts formatiert, weil das Stylesheet fehlte. Allerdings ist nun auch der Content wieder nach Wordpress-Regeln formatiert.

Logisch.

Zitat

Nur macht er aus einem Times New Roman Größe 2 manchmal einfach ein Arial Größe 3

Tja, für die Font-Tags kann WP nichts: ;-)

HTML

<font size="2" face="Arial">

Zitat

und färbt die Überschriften grün.

Ich hab beim drüberblättern keine grünen Überschriften gefunden.

Zitat

Ansonsten geht es ja bis auf die noch zu weit links liegende Sidebar ganz gut.

Da wirst du wohl noch ein paar Pixel bei deinen Layouttabellen schubsen müssen. Denk auch dran, dass Tabellen sich immer auf die Größe ihres Inhalts vergößern.

Zitat

Manchmal hat selbst ein so veranscheutes Programm wie Frontpage noch gute Seiten...

Result: 1636 Errors, 6 warning(s)
http://validator.w3.org/check?verbose=…kussion2009.php
"Gut" ist was anderes... ;-)

dossi

Tja, dann habe ich dank dir auch die letzten Fehlerquellen gefunden. Danke.

Ich meinte mit "gut" die Bedienbarkeit. Bei wichtigeren Seiten würde ich Frontpage meiden aber hier geht es nur darum, Text zu lesen und Bilder zu gucken und was die Suchmaschinen finden, ist vollkommen in Ordnung. Das ist etwas, das regional begrenzt ist und sich durch Gespräche bekannt macht. Da sind die W3C-Standards unwichtig. Ansonsten sicherlich eine gute Sache, solange sie auf Freiwilligkeit beruht. Die konvertierten Seiten kann ich ja immer noch valide machen, wenn ich Zeit habe. Vor dem Hochladen jage ich sie noch in mehreren Vorgängen durch Notepad ++ (Tidy). Das ist dann schon einmal ein Anfang. (Habe ich mit den Testseiten nicht gemacht.)

Aber man sollte einer 2002 entwickelten Software "verzeihen", nicht mit Standards zu arbeiten, die es damals noch gar nicht gab. Eine kostenlose Alternative (denn Frontpage lag dem PC bei) mit gleichem Funktionsumfang und ebenso kinderleichter Bedienung habe ich - außer von Microsoft (Publisher - einfach aber richtig lasterhaft oder Expression Web - ist auch nur Frontpage 2006) auch noch nicht gefunden.

Naja, zumindest schaffe ich nun bis August, die bestehenden Seiten zu konvertieren und die neuen mache ich gleich in Wordpress. Ich war schon kurz davor, Wordpress zum Mond zu schießen aber ich wollte auch nicht, dass dein Engagement und das der anderen und die viele Arbeit umsonst waren. Also danke noch einmal.

Ha, ist mir gerade eingefallen: Das wär's ja: Eine Importfunktion für bestehende Websites in Wordpress. Am Besten natürlich via FTP, um Missbrauch zu vermeiden. Realisierbar wird es leider nicht sein.

marX

Zitat von dossi

Ich meinte mit "gut" die Bedienbarkeit. Bei wichtigeren Seiten würde ich Frontpage meiden aber hier geht es nur darum, Text zu lesen und Bilder zu gucken und was die Suchmaschinen finden, ist vollkommen in Ordnung. Das ist etwas, das regional begrenzt ist und sich durch Gespräche bekannt macht. Da sind die W3C-Standards unwichtig. Ansonsten sicherlich eine gute Sache, solange sie auf Freiwilligkeit beruht.

ich glaube du hast da was falsch verstanden. Eine gültige Syntax ist Voraussetzung für maschinenlesbare Dokumente. Die Browser sind zwar meistens ganz gut darin, kleinere Fehler zu berichtigen, aber das Ergebnis ist dann immer undefiniert.

Zitat

Die konvertierten Seiten kann ich ja immer noch valide machen, wenn ich Zeit habe. Vor dem Hochladen jage ich sie noch in mehreren Vorgängen durch Notepad ++ (Tidy). Das ist dann schon einmal ein Anfang.

Zum Beispiel.

Zitat

Aber man sollte einer 2002 entwickelten Software "verzeihen", nicht mit Standards zu arbeiten, die es damals noch gar nicht gab.

Entschuldige wenn ich da lachen muss. :-D HTML 4.01 wurde 1998 veröffentlicht, XHTML 1.0 2001.

Zitat

Eine kostenlose Alternative (denn Frontpage lag dem PC bei) mit gleichem Funktionsumfang und ebenso kinderleichter Bedienung habe ich - außer von Microsoft (Publisher - einfach aber richtig lasterhaft oder Expression Web - ist auch nur Frontpage 2006) auch noch nicht gefunden.

Naja, da gibts Alternativen. Aber empfehlen kann ich dir keine - ich arbeite fast ausschließlich im Quelltext.

Zitat

dein Engagement und das der anderen und die viele Arbeit umsonst waren. Also danke noch einmal.

Bitte bitte.

Zitat

Ha, ist mir gerade eingefallen: Das wär's ja: Eine Importfunktion für bestehende Websites in Wordpress. Am Besten natürlich via FTP, um Missbrauch zu vermeiden. Realisierbar wird es leider nicht sein.

Irgendwann mal vielleicht... :-D (Mit Tidy und einigen anderen Tools mehr wäre da sicher was möglich, also ich würde nicht behaupten das es nie gehen wird... eine saubere Ausgangsseite vorausgesetzt. ;-))

pdayy

Sorry

*Klopf* Tut mir Leid, dass ich hier so rein platze, aber ich habe ein kleines Problem - was im direkten Kontrast zu diesem Thema steht. Ich möchte gerade ausfindig machen, warum meine Unterkategorien im Archiv das Stylesheet .css ignoriert: :-|
Scheinbar erschien das Problem nachdem ich nachträglich von Deutsch auf Englisch gewechselt habe (per wp-config.php / Nur eine Vermutung).

Archiv (richtig)
Unterkategorie im Archiv (falsch)

marX

Zitat von pdayy

Ich möchte gerade ausfindig machen, warum meine Unterkategorien im Archiv das Stylesheet .css ignoriert: :-|

Was meinst du mit "ignoriert"? Bis auf die unterschiedlichen Linkfarben sieht doch alles gleich aus.

Zitat

Scheinbar erschien das Problem nachdem ich nachträglich von Deutsch auf Englisch gewechselt habe (per wp-config.php / Nur eine Vermutung).

Eher unwahrscheinlich.

pdayy

Zitat von marX

Was meinst du mit "ignoriert"? Bis auf die unterschiedlichen Linkfarben sieht doch alles gleich aus.

Genau das meine ich. Sie soll nicht blau, sondern genau so rot sein wie sonst :) Ich bin bisher noch nicht auf eine Lösung gekommen :(

marX

Zitat von pdayy

Genau das meine ich. Sie soll nicht blau, sondern genau so rot sein wie sonst :) Ich bin bisher noch nicht auf eine Lösung gekommen :(

Jetzt aber? Jetzt ist alles rot bei mir...

pdayy

Zitat von marX

Jetzt aber? Jetzt ist alles rot bei mir...

Ohje. Es ist das WP-E-Commerce Plugin :(
Schade, dabei habe ich mit Hilfe von diesem eine soo schöne Liste hinbekommen :|

Meinst du, ich sollte es dauerhaft entfernen oder gibt es eine Möglichkeit, die Probleme, die mit der Aktivierung des Plugins mit sich kommen zu fixen?

Blaue Schrift auf der Archiv Seite
Kein Drag & Drop im Backend mehr möglich

Würd mich freuen, wenn es eine erfreuliche Lösung geben würde :)

marX

Keine Ahnung, ich nutze das Plugin nicht.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Stylesheet auf Seite stellenweise ignorieren

Jetzt mitmachen!