Also das Problem ist im mom die Navi... die Links sind jetzt weg, aber man kann die Buttons nicht mehr an klicken und die Navi will iwie nicht direkt unterm Header anfangen
Also auf den ersten blick sehe ich, du hast für jedes li element in der ul die eigenschaft display:block zugewiesen?
du willst sie aber in einer reihe haben?
dann solltest du die auf display:inline stellen, d.h. dass hinter den elementen kein zeilenumbruch stattfindet
den background-repeat tag kannste dir sparen, da du in der css auch die maße angegeben hasst, sollten diese mit der grafik stimmen, ist der tag überflüssig
<li id="navi_ende"></li>
wieso navi ende?
bitte um erklärung
#navi li a{
visibility:hidden;
}
das bewirkt, dass verlinkte elemente nich angezeigt werden xD
gut hoffe stimmt alles und ich habe mich nicht verguckt
aber ihc möchte dir 2 komplimente machen, einmal die einsicht, dasss dreamweaver nix is Super einstellung!
und Außerdem die trennung von layout und content
wennn du weiter so amchst , wird dass eine schön semantische page
(weis zwar nicht wie dein head tag aussieht aber ich hoffe der ist richtig >
Also das navi_ende ist das Endstück sozusagen wo man nich draufklicken soll, halt nur nen Bild
Das display hab ich jetzt auf inline gestellt, aber hat auch nichts bewirkt und das mit dem visibility:hidden war wegen den links, weil die ja nicht angezeigt werden sollen.
...und den head tag hab ich bewusst weg gelassen, um Platz zu sparen.
Der sieht so aus, ich denk mal der ist soweit richtig.
Also die Navi funkt immer noch nicht. Das mit den Links war so, dass die Buttons angezeigt wurden und direkt auf den Buttons die Textlinks und das sieht ja nicht so gut aus (hoffe ihr versteht was ich meine
).
Naja bis Dato steht nur der Header ordnungs gemaeß.
LG-E-Tox
E: Soo, nach weiterem Basteln hab ich die Navi nun auch hinbekommen... Ich hatte vergessen für die Navi-Div-Box höhe, breite und display:inline; anzugeben. Aber leider kann man die Buttons immer noch nicht anklicken.
das div als inline zu displayen is quark! lass das display attribut einfach weg - ein div ist per definition ein block-element. ebenso quark ist, dass die ul inline ist... eine horizontale navigation realisiert man mit einer normalen liste und gibt den li's das attribut float: left; .
wehe ich sehe noch einmal das visibility attribut - weg damit!
du hast doch eh ne grafische navigation, dann machs so:
mach die a's display: block; - schreib die links so rein wie sie sind und geb ihnen das attribut text-indent: -999px; dann siehst du den text nicht - geb jedem element ein hintergrundbild(in deinem fall die buttons eben) und geb nicht jedem li bzw jedem a ne id, ist unnoetig - machs so:
code:
1:
2:
3:
4:
5:
6:
7:
li a -> erstes nav elem
li+li a -> zweites nav elem
li+li+li a -> drittes nav elem
u.s.w.
The Dreadworks Project And in my darkest moment, fetal and weeping
The moon tells me a secret - my confidant
As full and bright as I am
This light is not my own and
A million light reflections pass over me
If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.
After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.
In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.
Sign up now and enjoy the advantages as a registered member.
(This website will be ad-free after a complete free sign up.)