HTML/CSS frage zu css auf externen Seiten

[VIPbanner_de]

HAllo,

ich lasse Webmaster per Java Script code einen Bannercode aufrufen. Problem ist nur dass die Texte und Tabellen (ja ich arbeite mit Tabellen und nicht mit divs) sich an das css der Seite anpassen und nicht so wie ich es gerne häte. Meine Frage ist jetzt wie kann ich das am geschicktesten lösen. Kann man das irgendwie so hinbekommen das mein scriptcode auf eine eigene css zugreift?

 

[theHacker]

Moin.

Hä?!
Kannst du das nochmal mit einem Beispiel machen?

Im Moment hört sich das irgendwie so an, als ob da einfach ne falsche CSS-Datei benutzt wird. Das wäre aber weniger ein technisches Problem, sondern einfach menschliches Versagen. Kp, ob ich das richtig verstanden hab.

 

[VIPbanner_de]

ja ok.. is bissel blöd beschrieben. ich versuchs mal auf neudeutsch..

Ich habe einen Bannertausch. Der User baut den Tauschcode auf seiner Seite ein, dort werden rotierend Banner aufgerufen. Das ganze läuft über Ausgebetemplates die wie z.B. folgt aufgebaut sind:

<table name="tauschcode" width="468" border="0" cellspacing="0" cellpadding="0" height="60">
<tr><td width="468" height="60" valign="center"><a href="<-siteurl->" target="_blank"><img src="<-banner->" width="<-banner_width->" height="<-banner_height->" border="0" alt="<-sitetitel->"></a></td></tr>
<tr><td align="center"><a href="https://www.url.de/cgi-bin/ref.cgi?usr=<-refuser->" target="_blank"><img src="https://www.url.de/images/refimage.gif" border="0" alt="Hier klicken um auch Banner zu tauschen!" title="Hier klicken um auch Banner zu tauschen!" ></a>
</table>

Jetzt harmoniert dieser nicht immer mit den css Dateien der Seiten auf denen der Tauschcode per java script eingebaut wurde. Meine Frage ist jetzt wie ich das am besten machen kann das css von der Seite für diesen Code ignoriert wird.

 

[theHacker]

Du willst, dass jemand deinen Code verwendet, beschwerst dich aber zugleich, dass nicht auch dein Stylesheet wirkt? Richtig?

Wenn derjenige von dir ein Tabellen-Tag klaut und hat in seinem Stylesheet stehen, dass Tabellen blau mit 10 Pixel Rahmen sein sollen, dann werden die auf seiner Seite natürlich auch so dargestellt.

Willst du demjenigen also zusätzlich zum Markup auch Style-Information geben, muss du diese direkt in das Markup per style-Attribut einbauen.

 

[VIPbanner_de]

wenn ich dich richtig verstehe muss ich einen style tag mitschicken, was ich schon vorab probiert hatte, allerdings wurde dieser von der "Zielseite" ignoriert.

 

[Bububoomt]

er meinte als attribut
also

<table style="wieauchimmeresaussehensol">
...

 

[theHacker]

[...] allerdings wurde dieser von der "Zielseite" ignoriert.

Da bist du machtlos. Wenn du ein Table-Tag hast, dass "border: 2px red;" formatiert werden will, der Webmaster aber

table {
  border: 5px blue !important;
}

im Stylesheet stehen hat, dann hast du eben Pech gehabt.

Macht ja auch Sinn: Der Webmaster wird doch auf seiner Seite wohl noch bestimmen dürfen, wie die Inhalte aussehen. Schließlich soll das ja dazu passen. Wenn beispielsweise auf einer Seite alle verrlinkten Bilder einen grünen Rahmen haben, wäre es relativ dämlich, wenn du anordnen könntest, dass dein verlinktes Bild pink blinken soll.

 

[VIPbanner_de]

er meinte als attribut
also

<table style="wieauchimmeresaussehensol">
...

ist die Seiteneigene css da nicht auch übergeordnet?

 

[dominicbauer]

dann hast du eben Pech gehabt.

abgesehen davon, dass es sinnfrei wäre, derartiges html auszuliefern, aber:
wenn zwei konkurrierende css-regeln beide mit !important ausgezeichnet sind, wird doch die regel mit der höheren spezifität "gewinnen", oder?

denn dann könnte er ja mit javascript recht simpel einen css-selektor mit höherer spezifität basteln.

letztendlich sind es schließlich beides autorenstylesheets …
edit: denkfehler, schließlich gibt es ja nur ein stylesheet.

 

[tobomator]

liefer doch Dein Bannertausch nur in einem IFRAME aus.
Dort kannst Du getrost dein Style anbringen, ohne das es "überboten" wird!

 

[theHacker]

Frames sind in der heutigen Zeit nicht mehr wirklich aktuell. Mit so einer Lösung is die Chance hoch, dass man aneckt.

 

[Graccem]

Wenn ich hier so manche Aussagen zu CSS lese, bekomme ich grau Haare

CSS hat folgende Gewichtung:
https://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet

Damit sollte dann auch klar sein, wie man dass CSS wieder überschreibt. Und ein !important ist überall möglich.

 

[tobomator]

klingt gut was da steht.
Muß er nur noch umsetzen

 

[perlini]

CSS hat folgende Gewichtung:
https://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet

Und wer es etwas bildlicher erklärt haben möchte, so schaue er sich das an

https://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg

 

[tleilax]

Öhrm, ich weiss, das will man jetzt bestimmt nicht hören, aber an der Stelle machen Dir grad die Tabellen mehr Probleme als dass sie von Nutzen sind oder? Das sind immerhin 3 Wrapper-Elemente, die alle einen eigenen Style bekommen könnten (<table>, <tr>, <td>).

Zusätzlich zum expliziten Styling würde ich das noch auf <div> umstellen. Die Umstellung ist schliesslich trivial (und dazu noch irgendwo notwendig, da die Tabelle irgendwo ja schon überflüssig ist).