| von zeTo |
wunderbar, wunderbar 
alles geht. vielen, vielen dank.
die syntax sieht so komisch aus, weil ich ultra edit benutzte. da sieht alles normal aus |
| von nisita |
habs mir gerade nochmal angeschaut..
wegen dem banner... das liegt an den leerzeichen / zeilenumrüchen nach / vor dem bild.. wenn die weg sind, geht es einwandfrei...
wegen dem menu..
füge noch ein
padding-top: 5px;
padding-bottom: 5px;
bei #bar li ein, dann klappt es.. allerdings mußt du noch den margin-top wert bei li auf 0 verkleinern...
zum doctype.. habe es gerade probiert, und der validiator sagt doch, das alles ok ist.. nichtmal ein fehler... supi...
so, dann noch eine schöne nacht..
mfg
nisita
PS:du solltest dir mal einen ordentlichen syntax anlegen.. vorallem bei der css-datei... manchmal 2 tabulatoren, manchmal leerzeichen etc... nicht immer sehr schick.. |
| von zeTo |
hiho
| The detected DOCTYPE Declaration "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">" has been suppressed and the DOCTYPE for "HTML 4.01 Transitional" inserted instead, but even if no errors are shown below the document will not be Valid until you update it to reflect this new DOCTYPE. |
sagt er...
danke, für den tipp. hab das mit dem padding beim link gemacht.
nur der ie macht mal wieder nicht mit. padding-rechts-links macht er, oben-unten nicht :(
auch das beim banner geht im ie nicht. hab padding und margin auf null gesetzt, aber er macht trotzdem unten eine rand.
internet explorer |
| von nisita |
hej..
> Allerdings beschwert er sich immer noch beim Doctype
was sagt er denn??? versuche es am besten am anfang mit dem XHTML Transitional, später geht man dann meistens noch zur strict variante über..
wegen dem <a und <li ... deswegen solltest du ja für a den padding-wert erhöhen, denn dann würde nicht nur der text ein link sein, sondern auch der "rand" drum herum... bzw. der hintergrund...
wie du das machst? ganz einfach:
1:
2:
3:
4: |
#bar a {
padding: 3px 5px 3px 5px;
} |
das musst du natürlich so anpassen, dass es genauso groß ist, wie die menuhinterrundlinie... und der broder sollte dann auch für #bar a und nicht für #bar li angegeben werden..
du hast das falsch verstanden, bzw. ich meinte was anderes.. ich meinte die ganze seite, die mir zu "links" steht.. das menu ist eigentlich so ok...
falls du trotzdem das ganze menu "dort" links haben willst...
1:
2:
3:
4: |
#bar li {
margin-left: -1px;
} |
achja, was mir noch aufgefallen ist...
-wenn du für #bar ein padding-left von 15px angibst, mußt du auch wdith um 15px veringern... ansonsten gibt es da ein paar darstellungsprobleme...
-schreibe alles klein..
-du solltest nicht jeden "normalen" link eine "normal" class geben.. gib lieber das, was du dort angegeben hast, allgemein für alle links an, und ändere nur die für das menu...
-du solltest vielleicht ein div einfpügen, was die komplette seite "umrahmt"... dadurch brauchst du nicht immer die breite etc bei jedem hauptelement "neueinstellen"... das vereinfacht es auch, einfach mal die seite von recht nach links bzw. zentriert darzustellen... und spaart natürlich nützliche bytes...
mfg
nisita
PS:ich hoffe mal so manche "webagenturen" sehen die möglichkeiten von css auch endlich.. und die ie7 entwickler sollten auch mal nen großes auge drauf werfen... |
| von zeTo |
Ok, erstmal vielen Dank.
Hab die Seite schon mal ein wenig von den Fehlern beseitigt.
Allerdings beschwert er sich immer noch beim Doctype. Ich habe davon auch nicht sonderlich viel Ahnung, hab einfach nur bei http://www.w3schools.com/tags/tag_doctype.asp geguckt und mir den rausgesucht, den ich für passend hielt.
Dann das mit dem <a um das <li. Wenn ich das allerdings tausche und man dann über die Felder geht, sind die dann zwar auf "hover", dann muss man allerdings erst noch auf den Link klicken. Ich wollte halt eigentlich, dass ganze Felder ankickbar sind.
Ach ja, das mit dem linken Abstand beim Menü. Erst hatte ich den auch auf Null. Allerdings sind dann wenn man über das Feld "Home" geht, an der linken Seite zwei Linien. Einmal halt vom Feld und dann von dem <div. Hab es auch schon mit "padding-left: -1px" versucht, nur eine Linie zu haben, geht aber nicht. Mit zentriert finde ich, sieht es nicht so gut aus.
Deine Lösung zu dem Internet Explorer hab ich allerdings nicht ganz verstanden, nisita. Soll ich einfach dem Link bei Hover einen Padding-Wert geben?
Auf jedenfall noch mal Danke, ich erkenn jetzt erst, wie man mit CSS alles viel kürzer machen kann |
|
