Anfängerin sucht Hilfe für CSS/HTML

Cyberia · 20.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

Ich muss es aber schaffen, sonst bin ich durch gefallen. Also bitte ich um eure Hilfe. Ich habe alles gemacht, was in meiner Macht steht, sogar die Seite nun unfertig online gebracht, damit ihr mir helfen könnt. Bitte tut dies doch nun einfach.

Und was meinst du mit navigation1 hat keine größe um die Listenelemente zu positionieren? Was genau muss ich denn wo eintragen?

Ich sehe den Fehler nicht, vielleicht sehe ich den Wald vor lauter Bäumen nicht und im Moment wäre ich für jede Hilfe dankbar.

Deiner Formulierung entnehme ich, das es für dich eine Leichtigkeit ist, wieso hilfst du mir dann nicht einfach und sagst mir genau was ich falsch mache und wie es richtig ist? Ich habe es mit Tutorials versucht, ich hänge da nun Wochenlang rum, ich sehe den Fehler nicht und ich bräuchte einfach jemanden der mir einmal sagt wo mein Fehler ist. Für mich sieht es so aus als wäre es so wie im Tutorial und funktioniert dennoch nicht. Wo liegt mein Fehler, bitte sage es mir doch einfach.

SubVoid · 20.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

Willst du das wenn man auf den Menüpunkt klickt sich dann das Untermenü öffnet? Das geht doch nur mit Javascript oder nicht? Oder wolltest du nur das wenn man mit der Maus über den Menüpunkt geht das sich dann das Untermenü aufklappt?

Kroarr · 20.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

Servus,

ich habe mal schnell, schnell was gemacht. Vielleicht kannst Du es brauchen, vielleicht auch nicht

Bin auch kein Profi, aber vielleicht konnte ich ja doch ein bisschen helfen.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Erichsen OHG - Startseite</title>
<link rel="Stylesheet" type="text/css" href="style.css"media="screen" />
<link rel="Stylesheet" type="text/css" href="css/ErichsenOHGprint.css" media="print" />
</head>
<body>
<div id="container">
    <div id="banner" >
         <img  src="images/Hausmitte.png" alt="" title=""/>
    </div>
        
        <div id="logo"><h1>Erichsen OHG</h1></div>
        <div id="linie"></div>
    <div id="left">
        <ul id="Navigation">
    <li><a href="#Beispiel">Startseite</a></li>
    <li><a href="#Beispiel">Leistungen</a></li>
    <li><a href="#Beispiel">Angebote</a></li>
    <li><a href="#Beispiel">Bauvorschläge</a></li>
    <ul>
        <li><a href="#Beispiel">Bauvorschlag 1</a></li>
        <li><a href="#Beispiel">Bauvorschlag 2</a></li>
        <li><a href="#Beispiel">Bauvorschlag 3</a></li>
      </ul>
     <li><a href="#Beispiel">Referenzobjekte</a></li>
     <ul>
        <li><a href="#Beispiel">Referenz 1</a></li>
        <li><a href="#Beispiel">Referenz 2</a></li>
        <li><a href="#Beispiel">Referenz 3</a></li>
      </ul>
  </ul>

    </div>
    <div id="right">

        
        
    </div> <!-- end menu right -->
    <div id="content">
        <h2>Herzlich Willkommen auf der Homepage der Erichsen-OHG, Bauunternehmen.</h2> 

<p>    
Wir freuen uns, dass Sie unsere Internet-Präsenz besuchen. Als modernes Unternehmen wollen wir Sie gerne auch online mit allen Informationen rund um unsere Angebote versorgen.</p>

<p>Sie erreichen uns telefonisch unter 0461 / 4 61 45 und per Telefax unter 0461 / 4 65 21. Natürlich freuen wir uns auch über eine E-Mail von Ihnen, die Sie an diese Adresse senden können: erichsen-flensburg@t-online.de.</p>

<p>Wenn Sie unser Unternehmen noch gar nicht kennen, und erst im Internet von uns erfahren haben: Wir würden uns freuen, von Ihnen zu hören! Bitte lassen Sie uns Ihre Wünsche und Fragen wissen, gerne beraten wir Sie ausführlich.</p>

    
    </div>
     <div id="footer"></div>
</div>
</body>
</html>

Code:

body {
background:url(images/Background.png);
background-size:cover;
-moz- background-size:cover;
-o-background-size:cover; 
-webkit-background-size:cover;
-khtml-background-size:cover;
background-color:black;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
}

h1 {
font-family:Cooper Std;
font-size:15px;
color:#dc340a;
padding:5px 15px;
margin:0
 }

h2 {

font-family:Cooper Std;
margin-bottom:15px;
}

/* ----------container zentriert das layout-------------- */
#container {
width: 1024px;
margin-bottom: 10px;
margin:0 auto;
background-color: white;
}

/* ----------banner for logo-------------- */
#banner {
position:relative;
text-align:center;
background-color:white;
height: 322px;
padding: 0px;
margin: 0 auto;
overflow:hidden;

}

#logo
{
position:relative;
width:171px;
top:-40px;
left:0px;
font-size:20px;
z-index:2;
}

#linie
{
position:absolute;
top:310px;
width: 1024px;
height: 12px;
background-image:url(images/Linie.png);
z-index:3;
} 

/* -----------------Inhalt--------------------- */
#content {
position:relative;
top:-80px;
background-color: #ffffff;
text-align:center;
padding: 50 0;
margin: 0 171px;
border:1px solid grey;
-moz-border-radius:15px;
border-radius:15px;
z-index:4;
}
div#content { 
min-height:600px;
}
p, pre{
padding: 5px 10px;
margin:0;
}

/* --------------left navigavtion------------- */
#left {
float: left;
width: 171px;
margin: 0px;
padding: 0px;
}
ul#Navigation {
    width: 171px;
    margin: 0; padding: 10px;
    
    
  }
ul#Navigation li {
    list-style: none;
    margin: 2px; padding: 0;
  }

ul#Navigation li ul {
    margin: 0 0 0 8px; padding: 0;
  }
ul#Navigation li ul li {
    margin: 10 0;
  }
  
  ul#Navigation a {
    display:block;
    padding: 4px;
    text-decoration: none; font-weight: bold;
    font-size: 14px;
    color: grey; 
  }
  
  ul#Navigation a:hover {
    color:#dc340a; 
  }

/* --------------right navigavtion------------- */
#right {
    float: right;
    width: 171px;
    margin: 0;
    padding: 0;
}
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

Cyberia · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

Danke schön! Das Menü steht nun! Die Gallerie auch. Nun sind es kleinere und optische Dinge die noch falsch sind/überarbeitet werden müssen. (und Inhalt muss noch einiges eingebracht und korrigiert werden)

Schaut euch die Seite mal bitte an.

Warum fliegt wenn man auf Referenzobjekte klickt das Impressum und Kontakt aus dem Layout. Das muss irgendein Fehler im HTML sein, ich bin aber wohl mal wieder blind vor lauter Bäumen. Sieht das vielleicht jemand?

Kroarr · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

So auf die Schnelle habe ich bei Deinem Konstrukt keinen Durchblick mehr. Da muss Dir wohl ein Profi weiterhelfen...
Was mir aufgefallen ist, dass das </html> fehlt. Desweiteren hast Du im HTML ein Div "navigation2", welches Du aber im CSS nicht drinnen hast. Vielleicht bin ich auch nur blind.
Auf der Seite "Bauvorschläge" ist dieses Div sogar zweimal vorhanden.

SubVoid · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

Cyberia schrieb:
Warum fliegt wenn man auf Referenzobjekte klickt das Impressum und Kontakt aus dem Layout. Das muss irgendein Fehler im HTML sein, ich bin aber wohl mal wieder blind vor lauter Bäumen. Sieht das vielleicht jemand?

Das "fliegt" aus dem Layout weil sich doch bei dir das Untermenü öffnen. Dadurch wird Impressum und Kontakt nach unten gedrängt. Du könntest für Impressum und Kontakt ein eigenen Rahmen erstellen so das er eine feste Position hat.

Und du hast bei Bauvorschläge.html noch ein ungenutzes ... stehen.

<div id="navigation2"> <ul> </ul> </div>

Cyberia · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

Danke, das hatte ich glatt übersehen.

Wie genau meinst du das denn mit das ich einen eigenen Rahmen für Impressum und Kontakt erstellen sollte? Kannst du das bitte genauer erklären?

molly_68 · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

Cyberia, du hast ja wirklich keinen Plan, oder? Mit CSS erstellst du boxen, kleine Schachteln, in denen du deinen Inhalt unterbringst. Bevor du das nicht verinnerlicht hast, wird das ganze nix. Und dadurch, dass jeder dir hier die Lösungen postet, lernst du nichts.

Cyberia · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

molly_68 Du hast wirklich keinen Plan, oder? Erstmal behauptest du zwar du kannst alles und ist ja alles so leicht, kannst mir aber nicht sagen was ich falsch mache. Zweitens habe ich die sogenannten Boxen, auch divs genannt in Mengen in meiner Seite eingebaut, hättest du einen Plan, wüsstest du das. Und sogar das betreffende Element befindet sich in so einem div.

Und wenn noch etwas anderes außer divs. gemeint war, ja dann habe ich keinen Plan. Aber vielleicht lässt du mich ja an deiner Weisheit teilhaben und erleuchtest mich.

Sorry, wenn das jetzt mies rüber kommt aber ich bin hier am verzweifeln, weil irgendeine Winzigkeit nicht passt und ich nicht weiß welche und du kommst daher und erzählst mir nur wie schlecht ich bin, jedoch enthält bis auf deinen ersten Post, keiner deiner Posts irgendwas, das mir weiter helfen könnte.

Wenn du so viel Ahnung hast, sollte es doch wohl ein leichtes sein, etwas von dem Wissen weiter zu geben.

Übrigens war selbst in meinem Menü nur ein winziger Fehler und an deinen Posts sieht man, das du dir das nicht mal angeguckt hast, sondern nur irgendwas geschrieben hast, darüber wie schlecht ich doch bin und das ich aufgeben soll. Danke.

Und noch was der Thread heißt schon Anfängerin, also ja hier erwartet dich kein allwissender Profi oder so was, hier ist eine Anfängerin die verzweifelt Hilfe sucht und du hast mir echt Hoffnung gemacht, das du die Kompetenz hättest mir zu helfen, statt dessen muss ich von dir nur lesen wie schlecht dich doch bin, das ich keine Ahnung habe und das ich aufgeben soll, danke schön für diese Unterstützung. Das ist genau das was man braucht, wenn man eh schon der Verzweiflung nahe ist, weil man es selber nicht hin bekommt und hoffnungsvoll den Link anklickt in der Hoffung dadurch weiter zu kommen in seiner Arbeit an der Webseite.

Und warum sollte ich nichts lernen, wenn mir jemand sagt wie es richtig geht? Ist ja nicht so das ich noch gar nichts alleine gemacht hätte oder zu Stande gebracht hätte....also was sollen solche Sprüche? Wie soll ich mir denn dann Hilfe holen, wenn ich mir es nicht sagen lassen darf, weil ich ja dann nicht lerne? Nach dem ich daran Wochenlang rum tüftel und auch einiges hin bekommen habe aber eben einiges auch nicht oder es funktionierte eben nicht richtig, wie jetzt das mit dem Menü oder das aktuelle Impressum, Kontakt aus dem Layout Fall Problem...

molly_68 · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

Hilfe zur Selbsthilfe scheinst du nicht zu wollen. Also bin ich hier mal raus.
Zudem es über text-align, roter erster Buchstabe, Probleme mit den Pfaden, zentrieren der Bilder, Positionierung von divs, dropdown Menüs, hochladen von Webseite auf den Space, einrichten von Formularen, Unterschiede HTML und CSS, Einrichtung einer Galerie kaum etwas gab, was du nicht gefragt hast.
*koppschüttel*

SubVoid · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

In deiner HTML machst du statt:

Code:

<div id="navigation2">
<ul>
<li><a id="impressum" href="ErichsenOHGImpressum.html">Impressum</a></li>
<li><a id="kontakt" href="ErichsenOHGKontakt.html"> Kontakt</a></li>
</ul>
</div>

z.B. das:

Code:

<div id="navigation2">
<ul>
<li><a id="impressum" href="ErichsenOHGImpressum.html">Impressum</a></li>
</ul>
</div>

<div id="navigation3">
<ul>
<li><a id="kontakt" href="ErichsenOHGKontakt.html"> Kontakt</a></li>
</ul>
</div>

Dann in deiner CSS:

Code:

#navigation2 li
{
list-style:none;
float:left;
padding-left:25px;
}

#navigation2 a
{
position:absolute;
left:150px;
bottom:-70px;
text-decoration:none;
font-family:Verdana, Helvetica;
font-size:10px;
color:rgb(220,52,10);
}

#navigation3 li
{
list-style:none;
float:left;
padding-left:25px;
}

#navigation3 a
{
position:absolute;
left:230px;
bottom:-70px;
text-decoration:none;
font-family:Verdana, Helvetica;
font-size:10px;
color:rgb(220,52,10);
}

Durch Postion absolute kannst du dem Objekt einen festen Platz zuweisen.
Das machst du dann über left,bottom,up oder right. Ich hab da jetzt irgentwelche Werte genommen, musst du rumprobieren bis es für dich gut aussieht.
Also Navigation2 behandelt Objekt Impressum und Navigation3 Kontakt.

Cyberia · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

molly_68 schrieb:
Hilfe zur Selbsthilfe scheinst du nicht zu wollen. Also bin ich hier mal raus.
Zudem es über text-align, roter erster Buchstabe, Probleme mit den Pfaden, zentrieren der Bilder, Positionierung von divs, dropdown Menüs, hochladen von Webseite auf den Space, einrichten von Formularen, Unterschiede HTML und CSS, Einrichtung einer Galerie kaum etwas gab, was du nicht gefragt hast.
*koppschüttel*

Falls es dir entgangen sein sollte, habe ich bis auf das Formular zu keinen der Fragen eine Antwort bekommen und habe es also selber raus gefunden (zwangsweise).

Und was stellst du dir unter Hilfe zur Selbsthilfe vor? Ich sehe von dir bis auf den ersten Post, keinerlei Hilfestellung auch keine Hilfe zur Selbsthilfe. Einen zu sagen, das man keinen Plan hat und einen zu sagen man soll auf geben ist eher das Gegenteil. Mal abgesehen davon ist Hilfe zur Selbsthilfe bei einer Person, die 4 Wochen daran rum tüftelt, und nun so langsam unter extremen Zeitdruck gerät, vielleicht nicht genau das was diese Person jetzt gerade sucht oder brauchen kann. Vielleicht mal dran gedacht? :hmpf:

@SubVoid thx, das kommt noch daher das ich mal 3 Menüs hatte und es mir geraten wurde, da ich einen Abstand zwischen Menü 1 und Menü 2 hatte. Menü 3 sind die Dinger ganz unten. Impressum und Kontakt.

Ich glaube die CSS Datei, die du hast ist veraltet, oder? Müsste eigentlich alle navigation3 zu navigation2 gemacht haben.

Also habe nur noch 2 Menüs, Menü 1 mit navigation1 und Menü 2 (Impressum und Kontakt).

SubVoid · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

Ja deswegen meinte ich ja du solltest Impressum und Kontakt auch nochmal aufteilen xD"

Wenn du den Code von mir einfügst bleibt Kontakt und Impressum immer an der Stelle stehen wo du es willst.
(Du wolltest doch das es an Ort und Stelle bleibt oder?)

Kroarr · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

Hui, da ist ja Einiges gegangen. SubVoid`s Tipp noch umsetzen und dann passt das

Aber vergiss das </html> nicht

Und da steht im Menü "AusbEuten"

Cyberia · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

SubVoid schrieb:
Ja deswegen meinte ich ja du solltest Impressum und Kontakt auch nochmal aufteilen xD"

Wenn du den Code von mir einfügst bleibt Kontakt und Impressum immer an der Stelle stehen wo du es willst.
(Du wolltest doch das es an Ort und Stelle bleibt oder?)

Ja, genau, ich wollte das es an einem Platz stehen bleibt und nicht durch die Menüs im Menü raus geschoben wird. ^_^

Kroarr schrieb:
Hui, da ist ja Einiges gegangen. SubVoid`s Tipp noch umsetzen und dann passt das

Aber vergiss das </html> nicht

Und da steht im Menü "AusbEuten"

Wo genau muss ich denn noch </html> einfügen? Ist das nicht beim neuen HTML5 nur oben mit Doctype HTML? Also kann sein das ich mich irre, aber war das nicht so? Und ja muss ja gehen, nicht nur das ich es morgen ab liefern darf, ich will es auch ehrlich gesagt endlich fertig haben. xD

SubVoid · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

Cyberia schrieb:
Ja, genau, ich wollte das es an einem Platz stehen bleibt und nicht durch die Menüs im Menü raus geschoben wird. ^_^

Na also!
Dann nimm meinen Code von oben und tausche ihn gegen deinen =)
Es funktioniert. Zumindest bei mir

CayZ · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

</html> musst du ganz am Ende des Dokumentes angeben. Also bei mir ist es immer der allerletze Tag. Ich weiss nicht ob irgendwas noch dahinter kommen könnte. Aber eig. sagt es dem Browser hier ist Ende...
^^ Hoffe das war so richtig. =)

Cyberia · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

Super, es funktioniert 1A! Habe es umgesetzt. Nun habe ich also 2 divs anstelle von einem div und ach position absolute, klar. Damit hatte ich auch immer rum gespielt aber irgendwas passte immer nicht und dann bin ich immer zu relative zurück gekehrt.

Werde die aktualisierte Version gleich mal online bringen. Das Uploaden der Webseite war übrigens doch ganz einfach, hatte mir das nur wieder unnötig kompliziert vorgestellt. xD Ich dachte nicht das der einfach so die Strukturen der Ordner und Dateien übernimmt, dachte man muss eine Seite hoch laden, dann die nächste Seite mit der Seite verlinken, halt so totalen Quatsch eben. ^^

@subvoid, funtzt super, hing nur etwas falsch aber das war ja kein Problem das zurecht zu schieben.

Und html werde ich gleich auch noch mit rein fügen, habe das nie gemacht und nie gemerkt aber vielleicht ist die Seite dann nach unten hin nicht mehr so offen. ^^

Werde gleich alles aktualisiert hoch laden:

Danke für die Erklärung CayZ das hört sich auf jeden Fall sinnvoll und richtig an. Also ich ändere das alles. ^^ Und das AusbEuten muss ich auch noch aufspüren auf welcher Seite sich der Fehler eingeschlichen hat.

Allgemein bräuchte ich mal eine Rechtschreibprüfung für die ganze Seite, da ist so viel falsch bestimmt. xD

Cyberia · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

Also die AusbEuten konnte ich nicht finden, wo genau befindet sich der Fehler? Wahrscheinlich bin ich wieder blind aber ich sehe es irgendwie nicht. ^^

Und das was mich noch stört hat sich mit dem html endtag leider nicht geändert, nämlich das die Seite auch wenn unten gar kein Content mehr ist (Startseite z.B.) noch ne halbe Seite nach unten scrollen lässt. Kann man das auch irgendwie beheben oder ist das einfach so, also ist das normal so?

so, aktuelle Seite ist hoch geladen:

Seht ihr noch was, was man relativ schnell fixen kann?

Und danke an alle die so fleißig geholfen haben!

Edit: Ah jetzt habe ich die Anbeuten auch gesehen. ^^

CayZ · 21.06.2011

AW: Anfängerin sucht Hilfe für CSS/HTML

Da steh rot das wort "im"! linke seite zwischen den links wir über uns und partner
denke das ist einfach nur so dort und muss nur gelöscht werden. Obwohl geradae Quelltext gelesen. Aber ich weiss nicht wo das her kommen könnten. Evtl. von der nav 2 und 3