|
|||
::: kleine starthilfe :::
erstmal wollt ich hier ein dickes lob loswerden! hier wird einem schnell und nett geholfen, gar nicht mehr so häufig, dass es gute foren gibt! daumen hoch.
kurz zur geschichte, ich habe mitt unserer band homepage ziemliche probleme, weil ich die vor nem jahr gemacht habe ohne wirklich ahnung zu haben. jetzt wurde mir unter anderem auch hier im forum angeraten, das ganze neu zu machen. das habe ich auch vor. die inhalte stehen ja soweit. bevor ich jedoch wieder alles falsch mache, wollte ich euch hier um rat und nach meinung fragen. einen schönheitsfehler gibts, und den kann ich auch nicht ändern. ich muss mit frames arbeiten, um oben auf der seite einen flash musicplayer ein zu binden. auf diese feature kann ich leider nicht verzichten. das layout will ich dann komplett mit divs gestalten, aber da hakts schon. so solls aussehen: hab jetzt mal die divs eingezeichnet, wie ich denke dass es gehen könnte, berichtigt mich wenn das schwachsinnig so ist. hatte jetzt überlegt im css für den body, eine grafik zu machen die sowohl die hintergrundtapete als auch die weiße contenbox enthält, also so ein schmaler streifen, der ganz breit ist, und von oben nach unten immer wiederholt wird... bei der quicknavi wollte ich dann dementsprechend für jede box noch ein div einfügen. ist dass sinnvoll? also "Div newsletter" usw... bin auch noch am rätseln wie ich den schlagschatten hinter die quicknavikästen bekomme.... png wird ja vom E nicht erkannt... also für ideen anregungen, tipps wäre ich sehr dankbar. vielleicht schaff ichs ja diesmal eine ordentlich programmierte seite zu bauen ... |
Sponsored Links |
|
|||
steh schon vor dem ersten problem
hab mich dazu entschieden die navigation rein typografisch zu gestalten also komplett ohne bilder... dazu habe ich im css die linkeigenschaften über a link, a hover, a active vergeben. das funktioniert auch soweit. allerdings will ich im DIV navigation wo sich logischerweise auch links befinden andere eigenschaften definieren, vor allem der unterstrich soll weg. hab dann also im div navigation, andere eigenschaften definiert aber die werden nicht angenommen. kann ich irgendwie verhindern, dass da die eigenschaften von oben greifen, und extra eigenschaften definieren? |
Sponsored Links |
|
|||
Ohne Code kann dir niemand helfen.
Lies bitte: http://xhtmlforum.de/40080-fuer-frag...twortende.html |
|
|||
ok, stimmt. also ich habe im css die eigenschaften für die links folgendermaßen definiert:
Code:
a:link { color: #000000; font-size: 10px; text-decoration: underline; } a:visited { color: #666666; text-decoration: underline; font-size: 10px; } a:hover { color: #990000; text-decoration: underline overline blink; font-size: 10px; } Code:
#navigation { float: left; width: 480px; margin-right: auto; margin-left: 140px; height: 206px; font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 10px; font-style: normal; font-weight: bolder; font-variant: small-caps; color: #000000; position: fixed; } ein zweites problem ist, das dass div vagigation und quicknavi nebeneinenader positioniert sind, und die eigenschaft fixed haben, habs mit float versucht die nebeneinander zu kriegen aber irgendwie wird immer umgebrochen! hier hab ich mal die beispielseite hochgeladen: klick |
|
|||
Eine Navigation gehört in eine Liste.
Lesestoff: Vorsprung durch Webstandards | Retro-Coding: Semantischer Code ist der Anfang von gutem Design Wenn du optische Trenner willst, dann verwende Hintergrundbilder. Die Links der Navigation sprichst du mit #navigation a an. Grundlagenlektüre: CSS 4 You - The Finest in Stylesheets: Workshop CSS: Allgemeines Ein Element, das fixed positioniert ist, kann nicht mehr floaten. Eine "quicknavi" kann ich nirgends finden (und "vagigation" auch nicht ). |
|
|||
hey, danke für die links. hab mir das mal angeschaut und die navigation jetzt in einer liste gemacht. die grafiken hab ich dann in den hintergrund des divs gelegt, und die links für die navigation angepasst. bin jetzt schon ein ganzes stück weiter. allerdings hab ich das problem mit den beiden div´s die nebeneinander stehen noch nicht gelöst.
ich versuchs noch mal richtig zu erklären. also ich habe ein div "navigation" und ein div "sidenavigation". beide haben die position fix nd sollten nebeneinander stehen. das tun sie aber nicht. sie stehen untereinander, wie man auf der seite sehen kann: klick das css für die beiden divs sieht jetzt so aus: Code:
#navigation { width: 480px; margin-right: auto; margin-left: 140px; height: 193px; background-color: #FFFFFF; background-image: url(head.jpg); background-repeat: no-repeat; position: fixed; background-position: left top; } #sidenavigation { width: 200px; height: 472px; left: 680px; top: 0px; position: fixed; } das zweite kleine problem ist die schrift. ich habe im body einmal die schrift definiert, sonst niergendwo. dann wird die ja überall angewendet. allerdings sieht die in der navigation ganz anders aus als in der sidenavigation. ich komm nicht drauf was falsch ist. für den fliesstext habe ich noch ne extra klase gemacht. mhm, kannst du mir nochmal helfen... |
|
|||
ok, ich will ja nicht zwingend fix verwenden, ich will nur, dass die navigation fest steht und nicht mit scrollt. und die sidenavigation soll auch rechts daneben stehen. hab auch schon rumprobiert aber dann scrollt ja alles immer mit. ich will nur den text scrollen und den rest fest haben.
was kann ich da denn machen? |
|
|||
Nicht machen.
Verwende den normalen Scroll-Mechanismus des Browsers. Fixe Positionierung eignet sich nur für sehr kleine Seitenbereiche. |
Sponsored Links |
|
|||
ok, du hattest recht! hans jetzt mal geändert. wenn ich den browser jeztt klein zieh und nach links scroll verschiebt sich der text natürlich über der hintergrundgrafik und drüber hinaus. ich würd aber schon gerne nen schlagschatten verwenden. was würdest du machen. das so lassen oder lieber ne png hinter das div legen? dann müste ich irgendwie tricksen, damit das im IE richtig dargestellt wird oder?
zudem bekomm ich immer noch nicht die schrift in der navi richtig hin ! |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Welches CMS für kleine bis mittelgroße Projekte | emti | Offtopic | 22 | 14.01.2010 16:58 |
IE6 kleine Lücke rechts in Kopf und Fuss | hubspe | CSS | 3 | 01.12.2007 11:12 |
Zwei kleine Styleprobleme | rigo | CSS | 2 | 01.09.2007 23:40 |
Extra Stylesheet für kleine Bildschirme (ohne Javascript) | beginners | CSS | 9 | 03.01.2006 15:34 |
Kleine ungereimheiten im IE | Deedoo | CSS | 8 | 20.12.2005 23:52 |