Bookmarks mit Aufzählungszeichen - wie krieg ich das weg?!?

Desecrator

Hallo zusammen,

hab zum ersten mal selber bissel an der CSS von "Sociable Zyblog Edition" rumgespielt.
Das Problem ist, dass die BMs in einer Liste dargestellt werden:
http://www.sandro-feistenauer.de/?p=42v

Jetzt habe ich aber alle "ul" und "li" entfernt und trotzdem ist die tabelle da...

Die css im Originalformat:

CSS

div .sociable { margin: 16px 0 !important; }


span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1em;
}


.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 2px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}


.sociable-hovers {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


.sociable a:hover img {
	margin: 0;
	padding: 0;
}


.sociable a[href^="http:"] {
	padding-right: 0px;
	background: transparent;
	text-decoration: transparent;
}

Alles anzeigen

Könnt ihr mir da bitte kurz helfen?
Dankeschön!!! :)

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

Desecrator

oha, schon erledigt. Das hier hat geholfen:

Zitat

float: left;

:)

jetzt steht nur mein "ohne Senf" gleich neben den Buttons. Wie krieg ich den denn in die nächste Zeile?!?

Press Play

Habe auch neben jedem Icon bei Sociable einen Punkt stehen.
Wie kriege ich den weg?

Der Inhalt kann nicht angezeigt werden, da er nicht mehr verfügbar ist.

mfitzen

Für Listenpunkte in der entsprechenden CSS Datei list-style-type auf none; setzen. Es könnte auch eine Grafik sein, dann wäre list-style-image entsprechend zu ändern.

http://www.css4you.de/listproperty.html

Mit einem Link zur Website könnte man Dir auch genau sagen was wo ersetzt/hinzufegügt werden muss...

Press Play

Zitat von infected

Für Listenpunkte in der entsprechenden CSS Datei list-style-type auf none; setzen.

Der Wert ist bereits auf none gesetzt und trotzdem wird es angezeigt.
Doch habe jetzt bemerkt, egal was ich an der [COLOR=Silver]sociable/[/COLOR]sociable.css Datei mache, es wirkt sich nichts von dem aus.

mfitzen

Dann wirds vermutlich an der style.css des Themes liegen. Vielleicht werden die ein oder anderen Sachen von dort aus wieder überschrieben. Wie gesagt, ohne Link kann man nur raten...

Press Play

Zitat von infected

Wie gesagt, ohne Link kann man nur raten...

Mir ist klar das man mit Link besser helfen kann, Problem ist das es grad nicht machbar ist deswegen.

Jedenfalls habe ich noch herausgefunden das sociable.css im Editor des Admin-Bereich von WP als inaktiv gekennzeichnet ist.
Warum ist das so bzw. wie schalte ich das auf aktiv?

Das es mit der style.css des Themes zu tun hat stimmt, habe mal testweise ein anderes Theme genommen und dort sind die Kreise nicht mehr zu sehen.

Press Play

Hier mal die komplette sociable.css Datei des Plugins:

CSS

div.sociable { margin: 16px 0; }


span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
    position: absolute;
    display: block;
    top: -5em;
    background: #ffe;
    border: 1px solid #ccc;
    color: black;
    line-height: 1.25em;
}
.sociable span {
    display: block;
}
.sociable ul {
    display: inline;
    margin: 0 !important;
    padding: 0 !important;
}
.sociable ul li {
    background: none;
    display: inline !important;
    list-style-type: none;
    margin: 0;
    padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
    float: none;
    width: 16px;
    height: 16px;
    border: 0;
    margin: 0;
    padding: 0;
}


.sociable-hovers {
    opacity: .4;
    -moz-opacity: .4;
    filter: alpha(opacity=40);
}
.sociable-hovers:hover {
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

Alles anzeigen

Nachfolgend die betroffene Zeile aus der style.css des Themes:

Code

.post .p-con ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }

Dazu befindet sich noch in den Options von Sociable die Information:

Zitat

for complete customization, copy the contents of sociable.css in the Sociable plugin directory to your theme's style.css

Das habe ich auch gemacht, doch die Zeile aus der style.css macht das dazu kopierte aus der sociable.css nichtig, wie kann ich dennoch beides miteinander vereinbaren?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bookmarks mit Aufzählungszeichen - wie krieg ich das weg?!?

Jetzt mitmachen!