brauche Hilfe bei css
Bunny 08.12.2009 - 12:31 1016 9
Bunny
Addicted
|
Halloooo =) Ich bräuchte mal schnell hilfe bei css... ich möchte mir ein topmenü machen bzw. so einrichten das is ins desgin passt. http://www.baum-waldservice.at is die Adresse... man sieht eh gleich um was es sich handelt... Ich verwende Joomla! im hintergrund... und habe mir das Template selber gemacht und möchte jetzt in meiner Css Datei die Klasse mainlevel-nav definieren... kann mir jemand in kurzfassung schreiben welche "befehle" ich dazu brauche damit die navigation schön in den Buttons ausgerichtet ist ? ich werd das ganze wahrscheinlich in einer Tabelle machen müssen denk ich mir mal? ... bin leider nicht so erfahren in css ... wäre euch sehr dankbar wenn ihr mir helfen könntet ! lg
|
fatmike182
Agnotologe
|
Normalerweise macht man eine horizontale List mit <ul> und Aufzählungspunkten <li>. Das hat dann aber bei dir den Nachteil, das das anders zentriert & ausrichtet als ein Table.
Bei Tables sind die Spalten gleich breit, bei Listen sind die Abstände gleich breit...
Sprich: hast das eh so gelöst wie ich das auch machen würde
|
Bunny
Addicted
|
ok das is schon mal gut =) ... aber was ich vielleicht noch vergessen habe zu schreiben, ich hab keine ahnung wie ich in diese tabelle meine links rein bekomme die ich im cms erstelle... verstehst du was ich meine ? ...
wenn ich bei joomla einen neuen Link erstelle fürs menü sollte ja automatisch die tabelle sich erweitern oder, quasi eine neue spalte hinzufügen in dem dann der Link drin steht oder ?
das ich in meiner css datei die mainlevel-nav definiere in der drinnen steht wie breit die spalte, höhe und schriftart usw. sein muss.
|
fatmike182
Agnotologe
|
keine Ahnung -- wie hast dus bisher gemacht? Entweder einlesen oder hardcoden <table>
<tr>
<td><a href="LINK">Eins</a></td>
<td><a href="LINK">Zwei</a></td>
<td><a href="LINK">Drei</a></td>
<td><a href="LINK">Vier</a></td>
</tr>
</table>
|
Bunny
Addicted
|
also, vlt is es jz leichter verständlich... wenn du jz nochmal auf die adresse schaust siehst du was ich gemeint habe... jetzt is der Link ganz links oben i eck.. und der soll halt schön mittig imm grünen stehn...
wie kann ich das in einer css datei definieren damit das funktioniert ?
EDIT: Also ich hab das jz mal in eine Css datei geschrieben :
/* moduletable */
.moduletable
{
height: 30px;
width: 990px;
padding: 10px 10px 0px 10px;
}
jetzt hab ich den link i grünen stehen, nur das problem is noch das er die links zusammen schreibt und keinen abstand macht...
Bearbeitet von Bunny am 08.12.2009, 13:58
|
watchout
Legendundead
|
ich denke was du möchtest ist nicht ein abstand zwischen den links sondern die links in einer fixen breite. Das geht, aber nicht mit inline-elementen wie links welche sind, deshalb machst du per css ein blocklevel element daraus: .mainlevel-nav {
display: block;
}
da aber blocklevel elemente normalerweise eine ganze zeile einnehmen, verwendet man floats .mainlevel-nav {
display: block;
float: left;
}
Jetzt bist du wieder da wo du vorher warst, aber dafür kannst du jetzt die Breite vom Element definieren (musst du wahrscheinlich anpassen nehm ich an) .mainlevel-nav {
display: block;
float: left;
width: 200px;
}
viel Spaß!
|
Bunny
Addicted
|
Hey danke !, das is genau was ich gemeint habe...
nur jetzt hab ich noch das problem mit dem punkten beim a:hover ... die sind länger als der link eigentlich ist =)
|
fatmike182
Agnotologe
|
Wenn du nur den Text underlinen willst, mach das CSS nur aufs a:link
Aber generell ist das bei dir um 40px rechts-verschoben
|
Bunny
Addicted
|
ok danke, mit den ausrichten kann ich mich ja spielen...
danke auf jedenfall für die hilfe!
|
fatmike182
Agnotologe
|
blende mal den border vom Table ein, dann tust dir leichter (also 1px solid oder so). Dürfte noch immer nach recht verschoben sein
|
Anmeldung