Ich bekomms einfach nicht hin !!!

BlackHawk1983 · 17.10.2011

Guten Abend,

ich habe immernoch das Problem das die Navi Fehlerhaft angezeigt wird wenn ich ein Dropdown menü einbaue.

(so siehts gerade aus)

Mein HTML:

HTML:

<div id="navia"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Autohaus','','bilder/autohaus_mo.png',1)"></a>
          
   <ul class="cc-menü">
          <li class="cc-menu"><img src="bilder/autohaus.png" />   </li>  
               
                <li><a href="#" title="Angebot 1">Angebot 1</a></li>
                  <li><a href="#" title="Angebot 2">Angebot 2</a></li>
                <li><a href="#" title="Angebot 3">Angebot 3</a></li>
                <li><a href="#" title="Angebot 4">Angebot 4</a></li>
                <li><a href="#" title="Angebot 5">Angebot 5</a></li>
                </ul>
            </li></div>

und mein CSS:

Code:

#cc-menu ul li{    
    display:inline; 
    float:left; 
    list-style:none;
    position:relative;
    
    background-color:#CCC
}

#cc-menu li a{    
    color:#000;
    text-decoration:none;
    font-family:calibri, Arial, Helvetica, sans-serif;
    font-size:14px;
    padding:0px;
}


#cc-menu li ul{    
    margin:0px;
    padding:0px;
    display: block;  
    height: 0; 
    width:200px;
    overflow: hidden;
    position:absolute;
}

#cc-menu li:hover ul
{    height:auto;
    margin:0px 0;
    display:block;
    width:200px;
}

#cc-menu li li
{
    padding:0px 0;
    list-style:none;
    display:list-item;
    margin:0px;
    float:none;
}

#cc-menu li li a{
    margin:0px;
}

.clear{
    margin:0px;
    clear:both;
}


.cc-menü {
    background-color: #ccc;
    display:block;
    text-align: left;
    overflow: auto;
    position: absolute;
    z-index: auto;
}

Ich blicks nicht mehr ich find kein Fehler. Egal welches Tut ich probiert habe iwas funzt nicht.

Ich bin Dankbar für jede Hilfe.

Mit den besten Grüßen

BlackHawk

tr4ze · 17.10.2011

AW: Ich bekomms einfach nicht hin !!!

Ohhh man,
da hapert es ja schon am Hmtl Markup.
Du hast das Konzept der Listen in Html anscheinend noch nicht ganz verstanden.
Versuche mal diesen Ansatz:

HTML:

<ul>
    <li><a>Menuepunkt 1.Ordnung</a>
        <ul>
            <li><a>Menuepunkt 2.Ordnung</a></li> 
        </ul>
    </li>
    <li><a>Menuepunkt 1.Ordnung</a></li>
</ul>

Weitere Erklärungen spare ich mir an dieser Stelle einmal, da es sich ja offensichtlich um ein kommerzielles Projekt handelt.

lg
tr4ze

Almeda · 17.10.2011

AW: Ich bekomms einfach nicht hin !!!

Also da es offensichtlich etwas kommerzielles geht, möchte ich da auch nicht zu weit ausholen, aber dir dennoch ein paar wirklich gut gemeinte Ratschläge an die Hand geben:

1. Lerne HTML und CSS programmieren, denn dass hier ist sehr stolpernd zusammen getippt
2. Vergiss mal dieses Design und versuche etwas offeneres, weniger gedrungenes zu basteln. www.bmw.de z. B. ist in meinen Augen ein offenes/ungezwungenes Design
Dropdown Menü sind immer so wenig kreativ und funktionieren in vielen Browsern gar nicht.
3. Das Hintergrundbild der Eingangstür hat mit meiner 120mbit Leitung (Downstream) 5 Sekunden gebraucht, um zu laden. Wie lange wird wohl jemand brauchen, der eine normale DSL Leitung zwischen 3000kbit und 16000kbit hat?
Entweder skaliere das Bild herunter auf einige hundert kb oder aber nimm es gleich ganz raus.

Viel Erfolg noch

BlackHawk1983 · 18.10.2011

AW: Ich bekomms einfach nicht hin !!!

Danke erstmal. Die HP ist ja auch noch nicht fertig ich hab jetzt erstmal versucht das mit den DropDown Listen hinzubekommen.

Weiss da keiner was wie ich ein Bild nehmen kann und da ein DD Menü einpflege ohne das es mir einen Fehler produziert?

Zur Info. Ich bin noch in einer Lernphase und bin zu diesem Auftrag auch nur gekommen weil mein Vater die IT dort macht. Ich hab Vorstellungen vom Kunden bekommen die ich versuche Umzusetzten und das mit den DropDown Menüs ist momentan das einzigste wo ich hänge.
Den Rest hab ich soweit hinbekommen.

Vielen Dank

Mit freundlichen Grüßen

BlackHawk

Myhar · 18.10.2011

AW: Ich bekomms einfach nicht hin !!!

Das wissen mehr als genug Leute, wie das geht. Man findet auch genügend Tutorials dazu.
Dein Problem ist, dass jeder Browser vordefinierte paddings und margins hat. Setze diese für die Liste zurück, dann passt das Aussehen auch wieder. Abgesehen davon, dass es wohl eher zu empfehlen ist, die HG Grafik auch wirklich als Hintergrundgrafik im CSS zu definieren und nicht als img einzubinden.

Kommt zu jedem navi-div (navia, naviv, navig, etc.) ein DD Menü? Wenn ja, dann solltest du dir dringend den Post von tr4ze zu Herzen nehmen und eine semantisch korrekte verschachtelte Navigation erstellen. Mit einer schlechten Umsetzung ist weder dir noch der Firma geholfen.

L. G.

BlackHawk1983 · 18.10.2011

AW: Ich bekomms einfach nicht hin !!!

Hallo Myhar,

danke erstmal für den Tipp. Die Navi-Div sollen nicht für jeden sein, das dient nur zur Positionierung der einzelnen Grafiken.

Hast du gerade zufällig ein Tut bereit das mir helfen kann?

Vielen Dank

cebito · 18.10.2011

AW: Ich bekomms einfach nicht hin !!!

BlackHawk1983 schrieb:
Zur Info. Ich bin noch in einer Lernphase und bin zu diesem Auftrag auch nur gekommen weil mein Vater die IT dort macht.

... nicht mehr lange, wenn er solche Empfehlungen gibt. Sorry, dir ist so nicht zu helfen. Lerne HTML und CSS von der Pike auf, alles andere ist Mumpitz. Eine aus Photoshop über "für Web speichern" generierte HTML-Datei ist nunmal nix, es sei denn, man hat sehr niedere Ansprüche.
Euch stände es gut einzusehen, das du mit dem Ganzen überfordert bist. Versuche dich erstmal an fiktiven Seiten, bevor du anfängst Unternehmen in den Ruin webzuentwickeln.

Almeda · 18.10.2011

AW: Ich bekomms einfach nicht hin !!!

cebito schrieb:
... nicht mehr lange, wenn er solche Empfehlungen gibt. Sorry, dir ist so nicht zu helfen. Lerne HTML und CSS von der Pike auf, alles andere ist Mumpitz. Eine aus Photoshop über "für Web speichern" generierte HTML-Datei ist nunmal nix, es sei denn, man hat sehr niedere Ansprüche.
Euch stände es gut einzusehen, das du mit dem Ganzen überfordert bist. Versuche dich erstmal an fiktiven Seiten, bevor du anfängst Unternehmen in den Ruin webzuentwickeln.

Sehr guter Post, der ausformuliert, was ich bereits gestern um 23:19 geschrieben habe.

BlackHawk1983 hör auf das, was man dir hier sagt! Wieso glaubt jeder, er kann Websiten erstellen, mittels Tutorials? LERNE HTML und CSS (dauert einige Wochen/Monate)!
Hör auf, Aufträge von Kunden anzunehmen, die sich damit im Internet REPRÄSENTIEREN müssen! Das sieht aus, wie ein fertiges Template, dass man tölpelhaft in Editoren wie Dreamweaver/Frontpage versucht hat, anzupassen, ohne dass man es kann.
Dein Code ist unter aller sau -- du willst gar nicht wissen, wie es mein Safari hier auf meinem Mac darstellt... :'

'

'(

Du bist nicht nur dabei, dem Autohaus einen schlechten Ruf im Netz zu bescheren, du machst auch den Ruf deines Vaters bei dem Autohaus schlecht, weil er dich empfohlen hat.
Im Prinzip kannst du nichts dafür, denn das Autohaus macht das auch nur so, um Geld zu sparen, weil würden sie eine Agentur beauftragen, dann würde die dafür gleich mal 1500-5000 Euro nehmen.

Aber es ist keine Schande dich hinzustellen und ihnen zu sagen, dass du es nicht kannst und dem nicht gewachsen bist, weil das bist du definitiv nicht - siehe deine Website.

BlackHawk1983 · 19.10.2011

AW: Ich bekomms einfach nicht hin !!!

Tja ich finde es Schade das mann immer nur sagt ich kann das nicht und bla bla.... Statt das man einfach mal eine Sinnvolle Antwort bekommt die ich dann umsetzen kann. Und mann kann immer sagen das mein Code beschi... aussieht, wenn mir aber keiner nennen kann was beschi.... aussieht kann ich mich nicht verbessern. Gebt mir doch mal ein oder 2 Tips mit was nicht stimmt.

Dennoch werde ich die leider für mich negativen Aussagen annehmen und das ganze erstmal auf Eis legen und bring mir HTML und CSS bei. villeicht kann ich auch dem Autohaus sagen das es noch eine weile dauert, weil bis jetzt haben Sie eine Seite die funktioniert und ob jetzt ein paar Monate später oder früher dürfte es jetzt nicht rausshauen

.

Ich poste z.B hier ja auch nicht zum Spass sondern ich will mich ja Konstruktiv verbessern, aber mal im Ernst, mit solchen Tips kann ich mich nicht verbessern weil mir keiner einen Konstruktiven vorschlag gibt und alle immer sagen "mein Code ist beschi...." oder "es gibt genug leute die wissen wie das geht"... usw. Was soll ich mit diesen Tipps anfangen ???

Dennoch bedanke ich mich bei euch und wie gesagt werde ich eure Ratschläge zu Herzen nehmen und mich erstmal hinsetzten und mit den Basics anfangen und wer weiss vllcht. kommt ja doch noch was richtig gutes dabei raus

Viele Grüße

BlackHawk

LaFaSiLuc · 19.10.2011

AW: Ich bekomms einfach nicht hin !!!

Ich poste z.B hier ja auch nicht zum Spass sondern ich will mich ja Konstruktiv verbessern, aber mal im Ernst, mit solchen Tips kann ich mich nicht verbessern weil mir keiner einen Konstruktiven vorschlag gibt und alle immer sagen "mein Code ist beschi...." oder "es gibt genug leute die wissen wie das geht"... usw. Was soll ich mit diesen Tipps anfangen ???

Genau das, was du jetzt machst: Hinsetzen und lernen und nicht alle Lösungen häppchenweise vorgesetzt bekommen...

BlackHawk1983 · 19.10.2011

AW: Ich bekomms einfach nicht hin !!!

Ja schon. Z.b. könnte man mir doch sagen in dem Abschitt hab ich einen Fehler und der Fehler liegt im CSS, oder sonst wo. Dann könnte ich mich z.B. hinsetzten und das Problem gezielt beseitigen.

Was noch wäre ist man sagt mir immer der Code sieht beschi.... aus aber keiner sagt mir wo? Das wären Ansätze mit denen ich Arbeiten kann. Natürlich kann man die Lösungen auch häppchenweise vorgesetzt bekommen, aber wie gesagt ich will mich ja Konstrukiv verbessern!

Aber gut des ganzen. Ich werd mich hinsetzen und einfach mal lernen.

Viele Grüße

BlackHawk

LaFaSiLuc · 19.10.2011

AW: Ich bekomms einfach nicht hin !!!

Aber BlackHawk, ganz ehrlich?
Wenn das meiste verkehrt ist, was soll man denn da noch groß sagen? Ich selbst kann Fehler schlecht analysieren, lese das aber aus den Vorgangspost heraus, dass es schon beim elementarsten Kleinkram hapert.
Zudem dir genau gesagt wurde, wo der Fehler hockt.
Learning by doing heisst das Zauberwort, das packst du schon!

Almeda · 19.10.2011

AW: Ich bekomms einfach nicht hin !!!

BlackHawk1983 schrieb:
Tja ich finde es Schade das mann immer nur sagt ich kann das nicht und bla bla.... Statt das man einfach mal eine Sinnvolle Antwort bekommt die ich dann umsetzen kann.

Öhm lesen wir in unterschiedlichen Foren?
Ganz klar, permanent wiederholter TIP: LERNE HTML CSS!
Aber ich geb dir gern noch einen guten Link dazu: http://de.selfhtml.org/
Mehr kann ich den Tip nicht mehr ausformulieren, weil ich nicht weiß, was man da nicht versteht.

Dein Code den du oben gepostet hast, besteht aus einer Listen-Aufzählung, die dir bereits oben korrigiert/richtig hingeschrieben wurde und in einem CSS kann man außer dem Syntax nicht so viel falsch machen...
Es geht hier darum, dass man an deinem Code sieht, dass du keine Ahnung hast, was du da eigentlich zusammen "schusterst". Das sieht man, ohne einen einzigen Fehler herauszuziehen, schon an der Art, wie du deinen Code gliederst, nämlich gar nicht. Bei dir fliegen die Code-Fragmente wild durch die Gegend, kein <div> steht über dem anderen.

Ich geb dir aber noch einen Tip: Die Organisation, die den Syntax im Internet (also die Regeln, die Grammatik nach der HTML und CSS geschrieben werden soll) festlegen, ist die www.w3.org
Da HTML und CSS Sprachen sind, wie andere auch, gibt es natürlich auch hier "Grammatik"-Regeln. Und wie lernt man eine Sprache, wenn du dich an deine Schulzeit zurück erinnerst? Vokabeln und Grammatik lernen, wobei Vokabeln die Befehle und die Grammatik der Syntax wären. Das dauert einige Wochen und Monate, weil HTML und CSS nicht kompliziert sind, im Vergleich zu anderen Sprachen, wie PHP oder Actionscript (wobei "schwer" im Auge des Betrachters liegt).

Deine Seite auf die vorhandenen Fehler überprüfen, kannst du übrigens selbst, denn www.w3.org gibt nicht nur die Regeln vor, sie bieten auch einen Validator an, der deine Seite nach Fehlern durchsucht. Findest du unter:
http://validator.w3.org/
Gib dort deine aktuelle Seite mal ein, im Moment hat sie 46 richtige Fehler und 22 Warnungen, was vermuteten Fehlern entspricht, weil der Validator nämlich nur HTML und CSS checkt, nicht jedoch Anwendungen wie Scripte oder ähnliches.
Dir wird sogar angezeigt, in welcher Zeile der Fehler liegt.

ABER selbst wenn du jetzt alle Fehler ausbesserst, ist deine Seite immer noch nicht fertig/funktionierend oder hat einen tollen Code, denn der Validator gibt ja keine Designvorschläge.
Und ich habe dir vor einigen Tagen gesagt, dass das Hintergrundbild VIEL zu groß ist und ich mit einer 120mbit Leitung 4-5 Sekunden daran lade. Was sehe ich, als ich eben die Seite nochmal aufgemacht habe? Richtig, immer noch das gleiche ewig große Hintergrundbild.

Du willst Tips?
Lese die Posts und beginne mit der Umsetzung, erwarte aber nicht, dass wir für dich deinen Code richtig umschreiben, denn dafür bezahlst du zu schlecht - nämlich nichts.

Myhar · 19.10.2011

AW: Ich bekomms einfach nicht hin !!!

BlackHawk1983 schrieb:
Tja ich finde es Schade das mann immer nur sagt ich kann das nicht und bla bla.... Statt das man einfach mal eine Sinnvolle Antwort bekommt die ich dann umsetzen kann.

Tja ich finde es Schade, dass du dir keine Mühe machst, die Posts zu lesen. Ich habe dir geschrieben, wie du dein Problem lösen kannst. Hättest du diese sinnvolle Antwort umgesetzt, dann wäre zumindest das Problem "für das erste Mal gelöst".

Warum man dir dauernd sagt, dass dein Code schlecht ist:

Diese Teile kann man von deiner jetzigen Seite verwenden, den Rest würde ich wegschmeißen und neu coden:

HTML:

<head>
<!-- Hier nur 1 CSS einbinden (bzw. bei großen Seiten können es gerne mehrere sein, aber 6 CSS für die kleine Seite sind 5 zu viel -->

</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="navi"></div>
</div>
</body>

Auch hier lässt sich streiten, ob die navi wohl nicht in den header wandern kann. Den Rest (auch die ganzen <img> Tags) kannst du rauslöschen, die sind nämlich semantisch falsch hier (bis auf vielleicht 1-2 Ausnahmen)

Ich hoffe, du verstehst jetzt, warum dir keiner sagt, was genau schlecht ist...

L. G.

cebito · 19.10.2011

AW: Ich bekomms einfach nicht hin !!!

BlackHawk1983 schrieb:
Dennoch werde ich die leider für mich negativen Aussagen annehmen...

Sie mögen für dich negativ daherkommen - ich wäre ehrlich gesagt froh gewesen, solche Antworten bekommen zu haben. Ich hätte schon Jahre früher dort sein können, wo ich jetzt bin. Nur weil du weißt, wie man nen Nagel in Holz kloppt, kannst du noch lange keinen Dachstuhl bauen. Der erste Wind verwandelt dein Gebilde in nen Müllhaufen. Genau so siehts auch hier aus, selbst wenn du das Ding für irgendeinen Browser irgendwie als Picasso zusammengefriemelt kriegst, der nächste macht nen Kandinsky draus, weil du nicht weißt, was du da machst. Also, Basics, Basics, Basics!
Davon abgesehen, jeder der hier Tipps gibt macht das in seiner Freizeit, einige verdienen ihr Geld mit dem KnowHow, das sie hier mit anderen teilen. Aber KEINER hat Lust, für dich DEIN Geld zu verdienen. Ich kann auch nicht zum nächsten Zimmermann gehen und sagen "kannst dem ... mal nen Dachstuhl bauen, ich krieg das irgendwie nicht hin, hab aber den Auftrag in der Tasche" und hoffen, der macht das einfach mal so aus Jux und Dollerei - Nächstenliebe eben.
Häng dich rein oder lass es sein! Der Tipp ist gratis.

BlackHawk1983 · 19.10.2011

Bam jetzt bin ich platt... Hiermit reiche ich eine Ernstgemeinte Entschuldigung bei allen ein und werde mal einen Post eröffnen der es (hoffentlich) in sich hat.

Danke an alle für eure Teilnahme. Ich werde mich hinsetzen und lernen lernen und lernen... Hab zum glück bald ein paar Wochen Urlaub

Vielen Dank nochmals an alle und ich hoffe das ich niemanden angegriffen habe.

Mit den besten Grüßen

BlackHawk

Hi Almeda,

noch eine Frage. Meinst du meine HP it-roob.de oder die AHBraun Seite?

Grüße

cebito · 19.10.2011

AW: Ich bekomms einfach nicht hin !!!

BlackHawk1983 schrieb:
noch eine Frage. Meinst du meine HP it-roob.de oder die AHBraun Seite?

Er meint die it-roob-Seite.

Almeda · 19.10.2011

AW: Ich bekomms einfach nicht hin !!!

cebito schrieb:
Er meint die it-roob-Seite.

*g* ich meinte die AHB Seite, die andere IT-Roob Seite habe ich erst nach meinem Post gesehen und war erschrocken, denn die is genauso schlimm, wie die erste (nicht nur die Fehler auch das Design), nur in "fertiger" Ausführung. Mit dem Unterschied, dass diese "nur" 25 Fehler hat, laut Validator.
Noch mehr war ich darüber erschrocken, dass sich damit jemand ernsthaft im Internet präsentiert. Außerdem entspricht das Impressum nicht geltendem Recht. Ein findiger Anwalt kann den Urheber dieser Seite um viel Geld bringen...
Das meinte ich mit der Aussage, dass immer jeder meint, er kann ne Website erstellen und die dann einfach mal online hochladen. Neben dem Design und richtigem Code, gibts da nämlich auch noch rechtliche Komponenten, die schnell sehr teuer werden können.

Aber ganz ehrlich, egal von wem die Seite ist (dir oder deinem Vater), ich würde bei ihm kein IT-Auftrag machen, weder für die Hardwaresysteme, noch für sonst irgendetwas. Ich hab sogar kurz überlegt, ob ich an die E-mail im Kontakt ein Angebot für eine angemessene Website schicke, die ich ihm/dir für entsprechendes Entgelt entwerfe und programmiere.

Ich habe aber schlicht zu wenig Zeit und habe es deshalb gelassen.

BlackHawk1983 · 19.10.2011

AW: Ich bekomms einfach nicht hin !!!

Also wenn ich das richtig verstehe hat noch nicht mal eQuelle Recht ??? Wozu gibt es denn solche Seiten ???

LaFaSiLuc · 20.10.2011

AW: Ich bekomms einfach nicht hin !!!

Hier gibt es eine tolle Erklärung dafür: Der Disclaimer

BlackHawk, auch Wikipedia ist von Menschen gemacht und nicht alles, was im Netz steht, ist die Wahrheit