Rahmen um Links

[TBT]

So, weiter im Text

ich habe ein Menu, wo um die Links Rahmen gezeichnet werden sollen.
Diese Rahmen sollen alle gleich groß sein.
Im IE geht's mal wieder, der Rest streikt.

table#main tr td.vmenu a {
width: 110px;
border-style: solid;
border-color: #A9A9A9;
border-width: 1px;
text-decoration: none;
text-align: center;
}

ne Idee ?

( zu wahsaga schau *g* )

[Wurzel]

vielleicht bringt dich das ja weiter
http://selfaktuell.teamone.de/artike...r/index.htm#a2

bis wahsaga dir helfen kann

[wahsaga]

ich würde sagen, das display:block aus dem selfhtml-beispiel fehlt noch.

grund: für inline-elemente kann man eigentlich keine breite angeben.

[TBT]

@wahsaga:

funktioniert wirklich gut im senkrechten Menu,
doch geht das auch in einem waagerechten Menu,
oder muß ich da jetzt ne Tabelle reinhauen ?

[mrhappiness]

wenn wir schon dabei sind: warum ne breite von genau 110px?

wenn ich gute augen hab und die schrift dementsprechend klein is, verschecnkst du platz und wenn ich schlecht seh und die sc hrift groß eingestellt hab, reicht's evtl. nich

mach doch width:100%, dann passt's auf jeden fall

[TBT]

... weil alles fest vorgegeben ist.

Das wird eine ganz spezielle Webseite, welche nur eine handvoll
Besucher bekommt, bei welcher aber alles 100% passen muß.

[mrhappiness]

alla gut

aber dein problem mit senkrecht und waagrecht versteh ich nich so ganz,kannst du nicht einfach

<tr>
  <td class="vmenu"><a href="#">Link</a></td>
</tr>
<tr>
  <td class="vmenu"><a href="#">Link</a></td>
</tr>
<tr>
  <td class="vmenu"><a href="#">Link</a></td>
</tr>

bzw.

<tr>
  <td class="vmenu"><a href="#">Link</a></td>
  <td class="vmenu"><a href="#">Link</a></td>
  <td class="vmenu"><a href="#">Link</a></td>
</tr>

machen?

[wahsaga]

Original geschrieben von TBT
funktioniert wirklich gut im senkrechten Menu,
doch geht das auch in einem waagerechten Menu,
oder muß ich da jetzt ne Tabelle reinhauen ?

wenn die links untereinander sein sollen, dann pack sie in einen <div>-container mit fester breite - dann kannst du bei den links sogar komplett auf die breitenangabe verzichten, da sie durch das display:block eh die volle breite einnehmen.

EDIT:

---

mööp, /me sollte etwas aufmerksamer lesen.
also bisher hattest du es senkrecht, und jetzt soll es waagerecht werden?
wo genau liegt denn dabei das problem, sollte doch ebenso gut funktionieren ...

---

[TBT]

nö, es gibt einmal senkrecht - alles ok dort - ( inzwischen auch ohne Breitenangabe)
und es gibt ein waagerechtes.

Wenn ich bei dem waagerechten display:block angebe, werden
diese automatisch untereinander dargestellt

[mrhappiness]

auch so wie ich geschrieben hab?

[TBT]

@mrhappiness:

so gehts natürlich, aber das ist ja wieder die Zweckentfremdung einer
Tabelle

naja, eigentlich wollte ich es nicht so machen, es bleibt mir wohl aber
nichts anderes übrig

[mrhappiness]

du könntest noch versuchen es in ner liste darzustellen mit display:inline

aber ob das das gewünschte resultat zeigt...

[TBT]

bei inline akzeptiert nur der IE die Breitenangabe

ich nehm ne Tabelle, ist zwar unschön, aber wohl nötig

[wahsaga]

Original geschrieben von TBT
Wenn ich bei dem waagerechten display:block angebe, werden diese automatisch untereinander dargestellt

ach, jetzt fällt mir langsam auf, wo hier das problem liegt ...

wenn du display:block angibst, klar, dann werden die links untereinander ausgegeben.

und was tut man dagegen? na klar, mit float arbeiten ;-)

[wahsaga]

kleines beispiel zur erläuterung:

[b]css:[/b]
a { display:block; width:150px; border:1px solid red; float:left; text-align:center; }
p { clear:left; }

[b]html:[/b]
<a href="#">link1</a>
<a href="#">link2</a>
<a href="#">link3</a>
<a href="#">link4</a>
<a href="#">link5</a>
<p>weiterer text ... weiterer text ... weiterer text ... weiterer text ... weiterer text ...
weiterer text ... weiterer text ... weiterer text ... weiterer text ... weiterer text ...</p>

das clear:left für den folgenden absatz ist hier notwendig, damit dieser nicht auch noch neben die links gefloatet wird ... gibt aber noch andere möglichkeiten, wenn du z.b. alle links in einem <div>-container hast, dann kannst du für das nach dem div folgende element auf das clear verzichten (da der <div> als block level element ja schon selber dafür sorgt, dass nachfolgende inhalte erst darunter weiter gehen).