zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden ::: kleine starthilfe :::

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.12.2006, 11:55
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.09.2006
Beiträge: 60
benzrecordings befindet sich auf einem aufstrebenden Ast
Standard ::: 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 ...
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.12.2006, 16:46
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.09.2006
Beiträge: 60
benzrecordings befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.12.2006, 17:14
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Ohne Code kann dir niemand helfen.
Lies bitte: http://xhtmlforum.de/40080-fuer-frag...twortende.html
Mit Zitat antworten
  #4 (permalink)  
Alt 15.12.2006, 17:48
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.09.2006
Beiträge: 60
benzrecordings befindet sich auf einem aufstrebenden Ast
Standard

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;
}
ich benutze in der navigation auch links, die sollen aber anders aussehen. hab also die links, die im div navi liegen, versucht zu formatieren:
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;
}
aber irgendwie nehmen die die eigenschaften nicht an.

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
Mit Zitat antworten
  #5 (permalink)  
Alt 15.12.2006, 17:59
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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 ).
Mit Zitat antworten
  #6 (permalink)  
Alt 15.12.2006, 19:28
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.09.2006
Beiträge: 60
benzrecordings befindet sich auf einem aufstrebenden Ast
Standard

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 einzige was ich bei google gefunden habe zum thema div´s nebeneinader war "float" aber das funktioniert bei fixed ja nicht.

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...
Mit Zitat antworten
  #7 (permalink)  
Alt 15.12.2006, 19:34
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Durch die fixe Positionierung wird deine Seite unbenutzbar.
Mach das Fenster mal so klein, dass du scrollen musst.
Entferne sie.
Mit Zitat antworten
  #8 (permalink)  
Alt 15.12.2006, 19:42
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.09.2006
Beiträge: 60
benzrecordings befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
  #9 (permalink)  
Alt 15.12.2006, 19:49
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von benzrecordings Beitrag anzeigen
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.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 15.12.2006, 20:11
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.09.2006
Beiträge: 60
benzrecordings befindet sich auf einem aufstrebenden Ast
Standard

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 !
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:58 Uhr.