Rahmen in CSS wegbekommen

lupo2222

Hallo!

Ich bekomme den verdammten Rahmen mit CSS nicht weg!

anbei mein Script:

<script src="https://wetter.ws.siag.it/Widget_v1.svc/…/0/Landscape.js">
</script>
<div id="meteoprovbz_widget"></div>
<script>
meteoprovbz_Widget.CreateWidget(document.getElementById("meteoprovbz_widget"));
</script>

#meteoprovbz_container td {border: 0 none !important;}
#meteoprovbz_container td {background-color: transparent !important;}

#meteoprovbz_container thead th {border: 0 none !important;}
#meteoprovbz_container thead th {background-color: transparent !important;}

.meteoprovbz_min {background-color: transparent !important;}
.meteoprovbz_min {border: 0 none !important;}

.meteoprovbz_max {background-color: transparent !important;}
.meteoprovbz_max {border: 0 none !important;}

.meteoprovbz_min {color: #2200FF !important; font-size: 9px !important;}
.meteoprovbz_max {color: #FF0000 !important; font-size: 9px !important;}

/* Container / RAND INTERN*/
.meteoprovbz_temperatures {border: 0 none !important;}
.meteoprovbz_icon {border: 0 none !important;}
#meteoprovbz_widget {border: 0 none !important;}

/* Grösse der Bilder */
.meteoprovbz_icon img {width:60px;}
.meteoprovbz_icon img {height:60px;}

</style>

Hinweis. Auf weissem Hintergrund sieht man nicht, dass der Rahmen da ist, anbei ein Bild auf anderen Hintergrund (siehe Anlae)

BITTE UM HILFE!!

Bandit

Damit kommen wir nicht weit, da man den HTML-Code nicht kennt. Ideal wäre ein Link zur Seite

lupo2222

Es handelt sich um eine WordPress Seite die nicht online ist, ich könnte die Zugangsdaten zusenden

Bandit

Hast du mal mit den Entwicklerwerkzeugen des Browser versucht herauszufinden, wo die Linie herkommt?

basti1012

kannst du den html Code dazu nicht mal posten wenn du kein Link hast ? Könnte vieleicht ein <hr> Element sein oder vieleicht ein border-bottom oder so

lupo2222

habe den code analisiert, aber nichts herausgefunden...anbei der HTML-CODE

<div id="custom_html-4" class="widget_text widget clearfix widget_custom_html">
<p class="title-widget">Wetterprognose</p>

/*****************************************************************************\

Javascript "Base64" library

@version: 1.0 - 2005.11.19
@author: Matteo Casati - http://www.guru4.net/
@notes: first release.

\*****************************************************************************/

// static class (Base64) declaration
function Base64() {}

// publics
Base64.encode = function(s)
{
Base64._setStr(s);
var result = new Array(); // use array as string builder
var inBuffer = new Array(3);
var lineCount = 0;
var done = false;
while(!done && (inBuffer[0] = Base64._getStr()) != Base64._inputEnd)
{
inBuffer[1] = Base64._getStr();
inBuffer[2] = Base64._getStr();
result[result.length] = (Base64._chars[ inBuffer[0] >> 2 ]);
if (inBuffer[1] != Base64._inputEnd)
{
result[result.length] = (Base64._chars [(( inBuffer[0] << 4 ) & 0x30) | (inBuffer[1] >> 4) ]);
if (inBuffer[2] != Base64._inputEnd)
{
result[result.length] = (Base64._chars [((inBuffer[1] << 2) & 0x3c) | (inBuffer[2] >> 6) ]);
result[result.length] = (Base64._chars [inBuffer[2] & 0x3F]);
}
else
{
result[result.length] = (Base64._chars [((inBuffer[1] << 2) & 0x3c)]);
result[result.length] = ("=");
done = true;
}
}
else
{
result[result.length] = (Base64._chars [(( inBuffer[0] << 4 ) & 0x30)]);
result[result.length] = ("=");
result[result.length] = ("=");
done = true;
}
lineCount += 4;
if (lineCount >= 76)
{
result[result.length] = ("\n");
lineCount = 0;
}
}
return result.join("");
}

Base64.decode = function(s)
{
Base64._setStr(s);
var result = new Array(); // use array as string builder
var inBuffer = new Array(4);
var done = false;
while (!done && (inBuffer[0] = Base64._getReverse()) != Base64._inputEnd && (inBuffer[1] = Base64._getReverse()) != Base64._inputEnd)
{
inBuffer[2] = Base64._getReverse();
inBuffer[3] = Base64._getReverse();
result[result.length] = Base64._n2s((((inBuffer[0] << 2) & 0xff)| inBuffer[1] >> 4));
if(inBuffer[2] != Base64._inputEnd)
{
result[result.length] = Base64._n2s((((inBuffer[1] << 4) & 0xff)| inBuffer[2] >> 2));
if (inBuffer[3] != Base64._inputEnd)
result[result.length] = Base64._n2s((((inBuffer[2] << 6) & 0xff) | inBuffer[3]));
else
done = true;
}
else
done = true;
}
return result.join("");
}

// privates
Base64._inputEnd = -1;
Base64._chars = new Array("A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","0","1","2","3","4","5","6","7","8","9","+","/");
Base64._reverseChars = new Array();
for(var i = 0; i < Base64._chars.length; i++)
Base64._reverseChars[Base64._chars[i]] = i;
Base64._str = "";
Base64._count = 0;
Base64._setStr = function(s)
{
Base64._str = s;
Base64._count = 0;
}
Base64._getStr = function()
{
if(!Base64._str)
return Base64._inputEnd;
if(Base64._count >= Base64._str.length)
return Base64._inputEnd;
var c = Base64._str.charCodeAt(Base64._count) & 0xff;
Base64._count++;
return c;
}
Base64._getReverse = function()
{
if(!Base64._str)
return Base64._inputEnd;
while(true)
{
if(Base64._count >= Base64._str.length)
return Base64._inputEnd;
var nextCharacter = Base64._str.charAt(Base64._count);
Base64._count++;
if(Base64._reverseChars[nextCharacter])
return Base64._reverseChars[nextCharacter];
if (nextCharacter == "A")
return 0;
}
return Base64._inputEnd;
}
Base64._n2s = function(n)
{
n = n.toString(16);
if(n.length == 1)
n = "0" + n;
n = "%" + n;
return unescape(n);
}

/*****************************************************************************\

Javascript "Widget" code

@version: 1.0 - 2010.10.15
@author: Gini Agostino - http://www.siag.it/
@notes: first release.

\*****************************************************************************/

function meteoprovbz_Widget() {}

meteoprovbz_Widget.CreateWidget = function(element)
{
element.innerHTML = Base64.decode ("PHRhYmxlIGlkPSJtZXRlb3Byb3Ziel9jb250YWluZXIiIHN0eWxlPSJib3JkZXItY29sbGFwc2U6Y29sbGFwc2U7Ym9yZGVyOjFweCBzb2xpZCAjYmJiO2ZvbnQ6Ym9sZCAxMnB4LzEuMSBBcmlhbCxzYW5zLXNlcmlmO3RleHQtYWxpZ246Y2VudGVyOyI+DQoJPHRoZWFkPg0KCQk8dHIgc3R5bGU9ImZvbnQtd2VpZ2h0OmJvbGQ7Ij4NCgkJCTx0aCBjb2xzcGFuPSIyIiBzdHlsZT0icGFkZGluZzoycHg7Ym9yZGVyOjFweCBkb3R0ZWQgI2NjYztib3JkZXItc3R5bGU6bm9uZSBkb3R0ZWQ7Ij5IZXV0ZTwvdGg+DQoJCQk8dGggY29sc3Bhbj0iMiIgc3R5bGU9InBhZGRpbmc6MnB4O2JvcmRlcjoxcHggZG90dGVkICNjY2M7Ym9yZGVyLXN0eWxlOm5vbmUgZG90dGVkOyI+TW9yZ2VuPC90aD4NCgkJCTx0aCBjb2xzcGFuPSIyIiBzdHlsZT0icGFkZGluZzoycHg7Ym9yZGVyOjFweCBkb3R0ZWQgI2NjYztib3JkZXItc3R5bGU6bm9uZSBkb3R0ZWQ7Ij5GcmVpdGFnPC90aD4NCgkJPC90cj4NCgk8L3RoZWFkPg0KCTx0Zm9vdD4NCgkJPHRyPg0KCQkJPHRkIGNvbHNwYW49IjYiIHN0eWxlPSJ0ZXh0LWFsaWduOmxlZnQ7Ym9yZGVyOjFweCBkb3R0ZWQgI2NjYztib3JkZXItc3R5bGU6ZG90dGVkIG5vbmUgbm9uZTtmb250Om5vcm1hbCAxMXB4LzEuNSBBcmlhbCxzYW5zLXNlcmlmO3BhZGRpbmc6MnB4OyI+DQoJCQkJqSA8YSBocmVmPSJodHRwOi8vd2V0dGVyLnByb3ZpbnouYnouaXQvIiB0aXRsZT0icHJvdmlkZXIiIHRhcmdldD0iX2JsYW5rIj5MYW5kZXN3ZXR0ZXJkaWVuc3Q8L2E+DQoJCQk8L3RkPg0KCQk8L3RyPiAgICANCgk8L3Rmb290Pg0KCTx0Ym9keT4NCgkJPHRyIGNsYXNzPSJtZXRlb3Byb3Ziel9pY29uIj4NCgkJCTx0ZCBjb2xzcGFuPSIyIiBzdHlsZT0icGFkZGluZzoycHg7Ym9yZGVyOjFweCBkb3R0ZWQgI2NjYztib3JkZXItc3R5bGU6bm9uZSBkb3R0ZWQ7Ij4NCgkJCQk8YSBocmVmPSJodHRwOi8vd2V0dGVyLnByb3ZpbnouYnouaXQvIiAgdGFyZ2V0PSJfYmxhbmsiPg0KCQkJCQk8aW1nIHNyYz0iaHR0cHM6Ly93ZXR0ZXIud3Muc2lhZy5pdC9pbWdzb3VyY2Uvd2V0dGVyL2ljb25fMy5wbmciIGFsdD0iV29sa2lnIiBzdHlsZT0iZGlzcGxheTpibG9jazttYXJnaW46MCBhdXRvO3BhZGRpbmc6MDtib3JkZXI6MDsiIC8+DQoJCQkJPC9hPg0KCQkJPC90ZD4NCgkJCTx0ZCBjb2xzcGFuPSIyIiBzdHlsZT0icGFkZGluZzoycHg7Ym9yZGVyOjFweCBkb3R0ZWQgI2NjYztib3JkZXItc3R5bGU6bm9uZSBkb3R0ZWQ7Ij4NCgkJCQk8YSBocmVmPSJodHRwOi8vd2V0dGVyLnByb3ZpbnouYnouaXQvIiAgdGFyZ2V0PSJfYmxhbmsiPg0KCQkJCQk8aW1nIHNyYz0iaHR0cHM6Ly93ZXR0ZXIud3Muc2lhZy5pdC9pbWdzb3VyY2Uvd2V0dGVyL2ljb25fMy5wbmciIGFsdD0iV29sa2lnIiBzdHlsZT0iZGlzcGxheTpibG9jazttYXJnaW46MCBhdXRvO3BhZGRpbmc6MDtib3JkZXI6MDsiIC8+DQoJCQkJPC9hPg0KCQkJPC90ZD4NCgkJCTx0ZCBjb2xzcGFuPSIyIiBzdHlsZT0icGFkZGluZzoycHg7Ym9yZGVyOjFweCBkb3R0ZWQgI2NjYztib3JkZXItc3R5bGU6bm9uZSBkb3R0ZWQ7Ij4NCgkJCQk8YSBocmVmPSJodHRwOi8vd2V0dGVyLnByb3ZpbnouYnouaXQvIiAgdGFyZ2V0PSJfYmxhbmsiPg0KCQkJCQk8aW1nIHNyYz0iaHR0cHM6Ly93ZXR0ZXIud3Muc2lhZy5pdC9pbWdzb3VyY2Uvd2V0dGVyL2ljb25fMjEucG5nIiBhbHQ9IldvbGtpZywgR2V3aXR0ZXIgbWl0IG3k32lnZW4gU2NoYXVlcm4iIHN0eWxlPSJkaXNwbGF5OmJsb2NrO21hcmdpbjowIGF1dG87cGFkZGluZzowO2JvcmRlcjowOyIgLz4NCgkJCQk8L2E+DQoJCQk8L3RkPg0KCQk8L3RyPg0KCQk8dHIgY2xhc3M9Im1ldGVvcHJvdmJ6X3RlbXBlcmF0dXJlcyI+DQoJCQk8dGQgY2xhc3M9Im1ldGVvcHJvdmJ6X21pbiIgc3R5bGU9ImNvbG9yOiMwMGM7d2hpdGUtc3BhY2U6bm93cmFwO3BhZGRpbmc6MnB4OyIgdGl0bGU9Im1pbiI+MTUgsEM8L3RkPg0KCQkJPHRkIGNsYXNzPSJtZXRlb3Byb3Ziel9tYXgiIHN0eWxlPSJjb2xvcjojYzAwO3doaXRlLXNwYWNlOm5vd3JhcDtwYWRkaW5nOjJweDsiIHRpdGxlPSJtYXgiPjMyILBDPC90ZD4NCgkJCTx0ZCBjbGFzcz0ibWV0ZW9wcm92YnpfbWluIiBzdHlsZT0iY29sb3I6IzAwYzt3aGl0ZS1zcGFjZTpub3dyYXA7Ym9yZGVyOjFweCBkb3R0ZWQgI2NjYztib3JkZXItc3R5bGU6bm9uZSBub25lIG5vbmUgZG90dGVkO3BhZGRpbmc6MnB4OyIgdGl0bGU9Im1pbiI+MTQgsEM8L3RkPg0KCQkJPHRkIGNsYXNzPSJtZXRlb3Byb3Ziel9tYXgiIHN0eWxlPSJjb2xvcjojYzAwO3doaXRlLXNwYWNlOm5vd3JhcDtib3JkZXI6MXB4IGRvdHRlZCAjY2NjO2JvcmRlci1zdHlsZTpub25lIGRvdHRlZCBub25lIG5vbmU7cGFkZGluZzoycHg7IiB0aXRsZT0ibWF4Ij4zMyCwQzwvdGQ+DQoJCQk8dGQgY2xhc3M9Im1ldGVvcHJvdmJ6X21pbiIgc3R5bGU9ImNvbG9yOiMwMGM7d2hpdGUtc3BhY2U6bm93cmFwO3BhZGRpbmc6MnB4OyIgdGl0bGU9Im1pbiI+MTQgsEM8L3RkPg0KCQkJPHRkIGNsYXNzPSJtZXRlb3Byb3Ziel9tYXgiIHN0eWxlPSJjb2xvcjojYzAwO3doaXRlLXNwYWNlOm5vd3JhcDtwYWRkaW5nOjJweDsiIHRpdGxlPSJtYXgiPjMxILBDPC90ZD4NCgkJPC90cj4NCgk8L3Rib2R5Pg0KPC90YWJsZT4NCg==");
}

</script>

<div id="meteoprovbz_widget">
<table id="meteoprovbz_container" style="border-collapse:collapse;border:1px solid #bbb;font:bold 12px/1.1 Arial,sans-serif;text-align:center;">
<thead>
<tr style="font-weight:bold;">
<th colspan="2" style="padding:2px;border:1px dotted #ccc;border-style:none dotted;">Heute</th>

<th colspan="2" style="padding:2px;border:1px dotted #ccc;border-style:none dotted;">Morgen</th>

<th colspan="2" style="padding:2px;border:1px dotted #ccc;border-style:none dotted;">Freitag</th>

</tr>

</thead>

<tfoot>
<tr>
<td colspan="6" style="text-align:left;border:1px dotted #ccc;border-style:dotted none none;font:normal 11px/1.5 Arial,sans-serif;padding:2px;">
©
<a href="http://wetter.provinz.bz.it/" title="provider" target="_blank">Landeswetterdienst</a>

</td>

</tr>

</tfoot>

</a>

</td>

</a>

</td>

</a>

</td>

</tr>

</tr>

</tbody>

</table>

</div>

meteoprovbz_Widget.CreateWidget(document.getElementById("meteoprovbz_widget"));

</script>

<style>

/* Container / RAND */
#meteoprovbz_container {border: 0 none !important;}
#meteoprovbz_container {background-color: transparent !important;}

#meteoprovbz_container td {border: 0 none !important;}
#meteoprovbz_container td {background-color: transparent !important;}

#meteoprovbz_container thead th {border: 0 none !important;}
#meteoprovbz_container thead th {background-color: transparent !important;}

.meteoprovbz_min {background-color: transparent !important;}
.meteoprovbz_min {border: 0 none !important;}

.meteoprovbz_max {background-color: transparent !important;}
.meteoprovbz_max {border: 0 none !important;}

.meteoprovbz_min {color: #9F9594 !important; font-size: 10px !important;}
.meteoprovbz_max {color: #FF0000 !important; font-size: 10px !important;}

/* Container / RAND INTERN*/
.meteoprovbz_temperatures {border: 0 none !important;}
.meteoprovbz_icon {border: 0 none !important;}
#meteoprovbz_widget {border: 0 none !important;}

/* Grösse der Bilder */
.meteoprovbz_icon img {width:60px;}
.meteoprovbz_icon img {height:60px;}

</style>

</div>

Sailor

WP nutzt für solche 'borderartigen' Striche auch gerne die Pseudoelemente ::before und ::after!
Untersuche doch mal den Code-Bereich der Tabelle mit dem Inspektor (Webentwickler Tools) und schaue, ob da diesbezüglich irgendetwas zu finden ist?
In dem geposteten Code ist, so wie ich das sehen kann, auf jeden Fall nichts drin, was diese Linien erzeugt.

lupo2222

ich benutze Firebug...aber leider nichts gefunden

Bandit

Da wirst du wohl die Sache mal online stellen müssen.

lupo2222

habe die Page nun online gestellt:

https://www.aurora.webteam2000.biz/

Bandit

Da bekomme ich

Zitat

Seite wurde nicht gefunden

lupo2222

habe die Page nun online gestellt:

https://www.aurora.webteam2000.biz/

- - - Aktualisiert - - -

Sorry habe das Thema abgestellt...oje sorry

nabei nochmals der Link:

Bitte Browser aktualisieren...die Page müsste online sein!

https://www.aurora.webteam2000.biz/

Bandit

Geht immer noch nicht

Sailor

Versuche bitte mal folgendes:

HTML

table tr {
  border: 0 !important;
}

Bei WP ins 'zusätzliche CSS' (im Customizer)

basti1012

oder Lösch den Eintrag aus deiner CSS

PHP

table tr {
    border-bottom: 1px solid #F0F0F0;
}

Oder geht das nicht wegen den word press oder wie das heißt ?

Sailor

Zitat von basti1012

Oder geht das nicht wegen den word press oder wie das heißt ?

... genau deswegen.... Änderungen in den Originaldateien (zB style.css) werden beim nächsten Update wieder überschrieben. Das 'zusätzliche CSS' bleibt aber erhalten.

basti1012

Ja das mit den WP verstehe ich auch noch nicht ganz weil habe auch noch nie mit gearbeitet. Ich dachte das die Css genau wie überall bei ihn auf den Server liegt und er dann die ändern kann.
Wenn das nicht geht dann muß man dann natürlich deine Variante nehmen.

Sailor

Zitat von basti1012

... Ich dachte das die Css genau wie überall bei ihn auf den Server liegt und er dann die ändern kann.

Doch genau so geht das auch auch - aber WordPress arbeitet mit fertigen Templates (sogenannten Themes) und die werden mehr oder weniger regelmäßig upgedatet und bei diesen Updates werden dann die zum Theme gehörenden Dateien überschrieben. Die Änderungen sind dann futsch :(!
Für dauerhafte Änderungen muss man also eine Methode wählen, die nicht überschrieben wird... s.o.

lupo2222

genau das wars!!!! ich danke euch !!:-)

Rahmen in CSS wegbekommen

Tags

Benutzer online in diesem Thema