<li></li> zu <li></li>

error404

Hallo,
ich habe mir vor ein paar Stunden die neuste Version von Wordpress installiert. Bin sehr zufrieden damit :)
Jetzt bin ich bei der Anpassung des Designs. Bei der Seitenübersicht (wo als Dummyseite "Eine Seite" vorgeben ist) müsste ich etwas ändern. Und zwar ist der aufbau so:

Code

<div>
<ul>
<li></li>
</ul>
</div>

jedoch bräuchte ich diesen Aufbau damit meine Navigation funktioniert:

Code

<div>
<ul>
<li><em></em></li>
</ul>
</div>

In welcher Datei kann ich das ändern?
Hoffe auf schnelle Antwort :)

Viele Grüße und noch ein schönes Weihnachtsfest (jedenfalls das was davon noch übrig ist ;) )

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

jottlieb

Wenn du nur die Listenpunkte verändern willst, könnte man das evtl. auch über die CSS-Datei dengeln...

error404

Zitat von jottlieb

Wenn du nur die Listenpunkte verändern willst, könnte man das evtl. auch über die CSS-Datei dengeln...

Hallo,
danke für die schnelle Antwort. Wie kann ich das mit CSS regeln?
Mein Menü ist so aufgebaut:

Code

#navlist {
  list-style-type:none;
  padding:0;
  width:36em;
  height:5em;
  margin:0 auto;
  }
#navlist li {
  display:block;
  width:7em;
  height:2em;
  float:left;
  margin-right:0.2em;
  }
#navlist a {
  display:block;
  width:7em;
  height:2em;
  position:relative;
  text-decoration:none;
  }
#navlist a em {
  display:block;
  font-style:normal;
  width:7em;
  height:1.5em;
  color:#000;
  border-bottom:0.5em solid #000;
  position:absolute;
  top:0;
  left:0;
  cursor:pointer;
  }
#navlist a:hover {
  color:#c00;
  }
#navlist a:hover em {
  border-bottom:0.5em solid #c00;
  }
#navlist a:active, #navlist a:focus {
  width:0;
  height:0;
  outline:0; /* for browsers that understand */
  }


#navlist a:active em, #navlist a:focus em {


  /* change the em bottom border and text to blue on
  active/focus thus giving a suitable alternative to
  the dotted border */
  border-bottom:0.5em solid #00c;
  color:#00c;
  outline:0; /* for browsers that understand */
  }

Alles anzeigen

dem <div> weise ich die id navlist zu.

Viele Grüße

jottlieb

Code

font-style:italic;

error404

Zitat von jottlieb
Code
font-style:italic;

Ähm, entweder steh ich aufm Schlauch oder du? :)
Ich kapier net ganz wie mir font-style: italic weiterhelfen soll??

Viele Grüße

jottlieb

Zitat von error404

Ähm, entweder steh ich aufm Schlauch oder du? :)
Ich kapier net ganz wie mir font-style: italic weiterhelfen soll??
Viele Grüße

Das kommt in die style.css.

peti

Ein "normaler" Link in obiger Liste wird mit folgendem CSS formatiert:

Code

#navlist a {
  display:block;
  width:7em;
  height:2em;
  position:relative;
  text-decoration:none;
  }

Wird dieser jedoch in  Tags eingebunden, greift jenes CSS:

Code

#navlist a em {
  display:block;
  font-style:normal;
  width:7em;
  height:1.5em;
  color:#000;
  border-bottom:0.5em solid #000;
  position:absolute;
  top:0;
  left:0;
  cursor:pointer;
  }

Alles anzeigen

Prinzipiell müsstest du also nur die Werte aus #navlist a em in #navlist a übernehmen.
Oder, das erste löschen und #navlist a em etwas erweitern.

Code

#navlist a em,
#navlist a {
[...]

error404

Ok danke für Eure Hilfe. Jetzt hab ichs hinbekommen :)

Viele Grüße

lecter

Du solltest darauf achten, HTML-Tags nicht zu missbrauchen. Das Tag steht für emphatisch, also für einen wichtigen oder betonten Text! Er dient nicht dazu, einen Text kursiv ausgeben zu lassen. Das erledigt man - wie oben schon gesagt - mit CSS.

error404

Ich habe jetzt alles über CSS geregelt und nur <li> benutzt, nicht mehr , trotzdem danke für den Tip ;)

Viele Grüße

Willkommen! Melden Sie sich an oder registrieren Sie sich.

<li></li> zu <li><em></em></li>

Jetzt mitmachen!