Antworten auf deine Fragen:
Neues Thema erstellen

Aufzählungspunkt entfernen

Adlersturm

Nicht mehr ganz neu hier

Hallöchen!

Sagt mal wie kann ich die jeweiligen Aufzählungspunkte ändern? Ich möchte diese löschen, da mir Unverbindliche Übungen nicht untereinander angezeigt werden. Kann ich das nur in CSS machen?



Gruß Adlersturm
 

cebito

undefined

Hättest du es denn gerne eingerückt? Gib mal einen Link zur Seite, dann kann man dir auch sagen wie das eine oder das andere geht.
 

Adlersturm

Nicht mehr ganz neu hier

Es gibt noch keinen Link zur Seite, da ich es noch lokal gespeichert habe. Wäre natürlich super wenn das einrücken funktionieren würde sodass das alles untereinander ist.
 

Greenhorn79

Nicht mehr ganz neu hier

Du kannst bei deiner Liste ul oder auch ol die Eigenschaft list-style-type auf none setzen. Dann wären die Aufzählungszeichen weg. Aber vermutlich willst du die beibehalten und nur dort wo es zweizeilig ist die Einrückung anpassen oder?
 

Adlersturm

Nicht mehr ganz neu hier

Ja wäre mir am liebsten die Einrückung sollte dies nicht funktionieren kann ich sie e nur entfernen.

Sollte es nicht funktionieren wo kann ich dies auf none setzen? in der CSS Datei oder?
 

Greenhorn79

Nicht mehr ganz neu hier

Mit Aufzählungszeichen und beide Zeilen einrücken kannst du indem du die Position für das Aufzählungszeichen änderst und folgendes im CSS schreibst: list-style-position:eek:utside;
Entfernen kannst du es mit der Eigenschaft ebenfalls in CSS
 

Greenhorn79

Nicht mehr ganz neu hier

am besten nimmst du den Firebug, und markierst deine Liste, deren CSS du ändern möchtest. Dann findest du ziemlich schnell welches Element du im CSS anpassen musst.
 

Adlersturm

Nicht mehr ganz neu hier

Das habe ich gefunden!!! wenn ich das Kästen mit den Unverbindlichen Übungen anklicken:

/* Zeile 72 */
a, a:link, a:visited, a:active, a:focus
{
color: #acc918;
}

/* Zeile 72 */
a, a:link, a:visited, a:active, a:focus
{
color: #acc918;
}

/* Zeile 72 */
a, a:link, a:visited, a:active, a:focus
{
color: #acc918;
}

/* Zeile 75 */
a:hover
{
color: #c2e31b;
}

/* Zeile 178 */
ul.menusf-vmenu li a, .menusf-vmenu li .separator
{
font-size: 13px;
font-weight: normal;
color: #ffffff;
background-color: #787878;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

/* Zeile 187 */
ul.menusf-vmenu li a:hover
{
color: #dddddd;
background-color: #484848;
}

/* Zeile 191 */
ul.menusf-vmenu li.active > a
{
color: #ffffff;
background-color: #acc918;
}

/* Zeile 1 */
a, a:link, a:visited, a:active, a:focus
{
outline-width: medium;
outline-style: none;
transition-property: color;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}

/* Zeile 1 */
.menusf-vmenu, .menusf-vmenu *
{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}

/* Zeile 1 */
a, a:link, a:visited, a:active, a:focus
{
outline-width: medium;
outline-style: none;
transition-property: color;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}

/* Zeile 1 */
a, a:link, a:visited, a:active, a:focus
{
outline-width: medium;
outline-style: none;
transition-property: color;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}

/* Zeile 1 */
a:hover
{
}

/* Zeile 1 */
ul.menusf-vmenu a
{
display: block;
position: relative;
}

/* Zeile 1 */
ul.menusf-vmenu li a
{
display: block;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 0px;
padding-top: 9px;
padding-right: 10px;
padding-bottom: 9px;
padding-left: 10px;
transition-property: color, background;
transition-duration: 0.5s, 0.5s;
transition-timing-function: ease-in-out, ease-in-out;
transition-delay: 0s, 0s;
box-shadow: none;
}
 

Greenhorn79

Nicht mehr ganz neu hier

klick mal nicht das einzelne Element sondern die ganze Box mit den verschiedenen Einträgen an. Deine Änderung soll sich ja auf alle Navigationspunkte beziehen und nicht auf ein einzelnes Element. Daher ist es eine Eigenschaft, die sich auf das gesamte Menü mit den einzelnen Einträgen bezieht.
 

Adlersturm

Nicht mehr ganz neu hier

Da kommt aber nicht sehr viel wenn ich die Box anklicke. :)

/* Zeile 269 */
div.module div div div, div.module_menu div div div, div.moduletable div div div, .moduletable, div.moduletable_menu, div.moduletablenew, div.moduletablehot, div.modulenew, div.modulehot
{
color: #5c5c5c;
background-color: #f8f8f8;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

/* Zeile 1 */
div.module div div div, div.module_menu div div div, div.modulenew div div div, div.modulehot div div div
{
padding-top: 2px;
padding-right: 5%;
padding-bottom: 10px;
padding-left: 5%;
float: left;
width: 90%;
}
 

Greenhorn79

Nicht mehr ganz neu hier

Also wenn ich dein CSS richtig lese, müsste die Eigenschaft unter ul.menusf-vmenu rein.
Wenn du dafür noch keine CSS-Definition hast,kannst du das auch einfügen.
ul steht für die Liste und das menusf-vmenu müsste die Klasse der vertikalen Navigation sein und das wäre genau das wofür du die Eigenschaft vergeben müsstest. Schau doch mal in deinem CSS ob du dieses Element findest. Ansonsten einfügen und testen.
 

Adlersturm

Nicht mehr ganz neu hier

Das sind meine Einstellungen vom Superfish CSS:

/*** Vertical Menu ***/


/* Setup*/
.menusf-vmenu, .menusf-vmenu * {
margin: 0;
padding: 0;
list-style: none
}
ul.menusf-vmenu {
line-height: 1.0
}
ul.menusf-vmenu ul {
z-index: 99999;
position: absolute;
top: -999em
}
ul.menusf-vmenu ul ul {
z-index: 99999;
margin-left: 5px
}
ul.menusf-vmenu ul li {
width: 100%;
position: relative
}
ul.menusf-vmenu li:hover {
visibility: inherit
}
.menusf-vmenu li {
float: left;
position: relative
}
ul.menusf-vmenu a {
display: block;
position: relative
}
ul.menusf-vmenu li:hover li ul, ul.menusf-vmenu li.sfHover li ul {
top: -999em
}
ul.menusf-vmenu li li:hover ul, ul.menusf-vmenu li li.sfHover ul {
top: 0
}
ul.menusf-vmenu li li:hover li ul, ul.menusf-vmenu li li.sfHover li ul {
top: -999em
}
ul.menusf-vmenu li li li:hover ul, ul.menusf-vmenu li li li.sfHover ul {
top: 0
}
.menusf-vmenu, .menusf-vmenu li {
width: 198px
}
.menusf-vmenu li:hover ul, .menusf-vmenu li.sfHover ul {
left: 203px;
top: -5px
}
.menusf-vmenu ul {
padding: 8px 8px 5px 8px;
z-index: 99999
}
/* Style */
ul.menusf-vmenu li a {
display: block;
margin: 0 0 3px 0;
padding: 9px 10px;
transition: color .5s ease-in-out, background .5s ease-in-out;
-o-transition: color .5s ease-in-out, background .5s ease-in-out;
-ms-transition: color .5s ease-in-out, background .5s ease-in-out;
-moz-transition: color .5s ease-in-out, background .5s ease-in-out;
-webkit-transition: color .5s ease-in-out, background .5s ease-in-out;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none
}
ul.menusf-vmenu li a:before {
content: "\25BA";
padding-right: 5px;
font-weight: normal
}
ul.menusf-vmenu ul li a {
padding: 9px 10px
}
ul.menusf-vmenu a.sf-with-ul:after {
float: right;
content: "\2732";
padding-left: 5px
}
 

Greenhorn79

Nicht mehr ganz neu hier

Das Problem ist, dass ich nicht sehe, welches Element deine Navigation im CSS genau ist. Denn eigentlich ist ein Eintrag schon da, der genau das machen würde. Ich kann aber nicht erkennen auf welches Element sich dieser genau bezieht. Vielleicht auch auf die horizontale Navigation.

.menusf-vmenu, .menusf-vmenu *
{
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}

Aber das lässt sich nur mit Firebug, markieren des Elements etc. rausfinden. Es sei denn du hast ein Standardtemplate verwendet, das online ist und an dem wir es uns mit Firebug etc. auch ansehen könnten.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben