Links in einer Tabelle mit CSS positionieren

remirare · 13. Dezember 2012, 17:57

HI habe da eine Frage,

ich habe hier eine HTML Seite die aus Tabellen besteht und ich muss jetzt ein paar Links so als Menu in die oberste Zeile rein setzen.
Ich muss meine Links aber ein bisschen positionieren weil die Tabelle ein Hintergrund Bild hat
und das einfach so nicht gut aussieht.

Ich habe zu erst versucht für die Links eine Class zu machen das geht auch aber dann muss ich ja für jeden folgenden Link eine neue Class anlegen.
Deswegen wollte ich jetzt alle Links einfach in ein div Container setzen und diesen positionieren klappt aber irgendwie nicht.

Eine Idee ?

Also um diese Zeilen hier gehts es:

Quellcode

<tr>
<td class="o-rand">
<div class="head-menu">
<a href="">test1</a>|
<a href="">test2</a>|
<a href="">test3</a>|
</div>
</td>
</tr>

und CSS:

Quellcode

#head-menu{
text-decoration: none;
font-weight:bold;
color: #7EAEF0;
position: relative;
left: 15px; top: 9px;
}

Rushh0ur · 13. Dezember 2012, 18:34

Du kannst mit CSS Unterelemente explizit ansprechen:

Quellcode

#head-menu a {
...
}

-> Alle Links in in dem Element der Klasse head-menu haben dann die Eigenschaft.

Mfg Rushh0ur

remirare · 13. Dezember 2012, 19:20

also auch wenn ich den <a> direkt anspreche passiert trotzdem nichts also irgendwie die ganze Sache mit dem div Container geht so nicht aber ich sehe den Fehler nicht

freeek · 13. Dezember 2012, 20:02

okay, vorweg: Tabellen als Seitenstrukturierung ist nicht wirklich mehr zeigemäß. Das wäre schöner mit <div>s zu lösen. Nun zu deinem Problem.
Du hast dem <div> eine class gegeben, versuchst es aber mit einer id anzusprechen. klappt natürlich nicht.
Ich würde dir vorschlagen, dass du dem <div> eine id gibst. Wäre in diesem Fall besser/passender

remirare · 13. Dezember 2012, 20:25

jau das ist die Lösung Danke !

zu der Sache mit den Tabellen: ich bin nicht der HTML Experte und hatte bis jetzt immer jemand der die HTML Arbeit für mich macht, werde ich Probleme bekommen wenn ich nicht sofort auf div umstelle ?

freeek · 14. Dezember 2012, 02:20

Nein nein, aber wenn du nach Web2.0 - "Standards" coden willst, solltest dus mit divs probieren. Ist von den CSS etwas aufwendiger, da z.B. der IE ziemlich zickt, aber da gibt es genügend gute Workarounds. Einfach mal Google fragen, wie sowas funktioniert

remirare · 14. Dezember 2012, 15:14

oke vielen dank ich mache dann erst mal so weiter und stelle später auf div um weil die Seite ist eh fast fertig nur noch Content rein

kk88 · 15. Dezember 2012, 09:09

Also ich würde keine Website mehr mit Tabellen Layout erstellen, einfach aus Usability gründen. Screenreader sehen Tabellen als TABELLEN an und nicht als Layout wohingehend Divs unsichtbar sind.
Sieh dir mal little-boxes.de/ an da kannst du den ersten Teil online lesen.

remirare · 15. Dezember 2012, 13:02

Sieht gut aus danke für den Tip

Quellcode

Quellcode

Quellcode

Teilen