✔ CSS Listenzeichen

[Leola13]

Hai,

ich bin gerade dabei meine Website Leola13 umzumodeln.

Dabei habe ich nun folgendes Problem :
Bei der Navigation rechts (Photoshop, Fotos SW, Fotos Farbe) habe ich Listenzeichen vor den Button. Ebenso bei den Unterseiten (Zur Zeit funktioniert erst Photoshop).

Hier der zugehörige CSS Teil :

a.ps { 
	text-decoration: none;
	display:block; 
	list-style-type: none;
	font-size: 12px;
	text-align:center;
      background-image:url(button-130.gif);
	background-repeat: none;
      width:110px; height:102px;
	}

a:hover.ps	{ 
	color: #fff;
	text-decoration: none;
	list-style-type: none;
	background-image:url(button-130g.gif);
	background-repeat: none; 
	}

a:link.ps { 
	list-style-type: none;
	color: #036;
	}

a:visited.ps {
	list-style-type: none;
	color: #066;
	}

a:active.ps {
	list-style-type: none;
	color: #fff;
	}

Wahrscheinlich habe ich irgendetwas übersehen.

PS Gestern (es war schon spät) waren auf der Unterseite (Photoshop) die mittleren Button im FF nicht zentriert. Heute im IE schon. Bitte einmal testen.

Ciao Stefan

 

[Maik]

Zu deinem geposteten Stylesheet kann ich nur sagen, daß in deinem Fall der Klassennamen .ps zwischen dem a-Element und der Pseudoklasse notiert wird.

Außerdem stimmt die Reihenfolge der Pseudoklassen nicht, siehe hierzu auch SELFHTML: Stylesheets / CSS-Eigenschaften / Pseudoelemente und Pseudoklassen.

Wenn die rechte Listennavigation keine Listenzeichen besitzen soll, dann muß dies auch für das Listenelement bestimmt werden, und nicht für die Links.

 

[Quaese]

Hi,

zum Zentrieren:
Im IE sind die Listenpunkte zentriert, da der Selektor #middle mit der Eigenschaft text-align: center
ausgezeichnet ist. Soll die Liste auch im Firefox zentriert werden, kannst du mit der Eigenschaft
margin: 0 auto und einer festen Breitenangabe arbeiten.

Weiterhin solltest du deine Liste die entsprechenden Tags einschliessen(ul).

CSS:

.ps-list{ width: 120px;
          margin: 0 auto;
          list-style: none;}

HTML:

<ul class="ps-list">
  <li><a class="ps" href="/photoshop/Bilder/beate/index.html"><br><br>Beate</a></li>
  <li><a class="ps" href="/photoshop/Bilder/kathi/index.html"><br><br>Kathi</a></li>
  <li><a class="ps" href="/photoshop/Bilder/personen/index.html"><br><br>Personen</a></li>
  <li><a class="ps" href="/photoshop/Bilder/allesandere/index.html"><br><br>alle andere</a></li>
  <li><a class="ps" href="#"><br><br>bald, bald</a></li>
</ul>

Ciao
Quaese

 

[Leola13]

Hai,

Danke für die schnellen Antworten. Ich werd mich dann mal an die Arbeit machen.

Ciao Stefan