Breite für Link-Item vorgeben

[Tom]

Hello,

ist es möglich, einem <li>-Element eine definierte Breite zu verpassen, wenn man es inline darstellt?

Hab das versucht, aber keine Redaktion.
Wo liegt denn da mein Denkfehler?

li.pagelink
    {
        display:inline;
        border:1px solid blue;
        margin-right:2pt;
        text-align:center;
        padding-left:2pt;
        padding-right:2pt;
        width:2em;
    }

Liebe Grüße aus Syburg

Tom vom Berg

[Gunnar Bittersmann]

@@Tom:

ist es möglich, einem <li>-Element eine definierte Breite zu verpassen, wenn man es inline darstellt?

Nein. [CSS2 §10.2]

Hab das versucht, aber keine Redaktion.
Wo liegt denn da mein Denkfehler?

[ZITAT231]

Live long and prosper,
Gunnar

[molily]

Suchst du vielleicht float für eine Darstellung der Listenelemente nebeneinander?

Mathias

[Gunnar Bittersmann]

@@molily:

Suchst du vielleicht float für eine Darstellung der Listenelemente nebeneinander?

Oder vielleicht inline-block? SCNR.

Live long and prosper,
Gunnar

[Tom]

Hello,

Suchst du vielleicht float für eine Darstellung der Listenelemente nebeneinander?

Danke. Dieser Tipp hilft fürs Erste weiter.

li.pagelink
    {
        float:left;              /*für Firefox und IE für das Nebeneinander*/
        border:1px solid blue;
        margin-right:2pt;
        text-align:center;
        padding-left:3pt;
        padding-right:3pt;
        width:1.25em;            /*für Firefox für die Breite
    }

li.pagelink a
    {
        text-decoration:none;
        width:1.25em;            /*für IE 6.0 für die Breite
    }

So tut es auf jeden Fall erst einmal in den beiden Browsern
Welche anderen das auch verkraften, kann ich leider nicht testen, deshalb hier mal ein Link auf das ganze Musterscript für einen C&P-Versuch, falls jemand Zeit dafür findet.

http://selfhtml.bitworks.de/snippets/directories_auslesen/readdir_&_blaettern/filelist_paginated.php

display:inline-block

hat leider nicht den gewünschten Erfolg gehabt.

Liebe Grüße aus Syburg

Tom vom Berg