Anfängerin sucht Hilfe für CSS/HTML

Cyberia · 14.06.2011

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

Vielen, vielen lieben Dank cebito, das hat mich ein sehr großes Stück voran gebracht!

Nun muss ich nur noch raus finden, wie ich eine Bildergalerie, eine Unternavigation für einen Navigationspunkt erstelle und die Inhalte einfügen, dann ist die Seite oder der Prototype erstmal fertig.

Dann kann ich mir überlegen, wie ich das dann nun tatsächlich online bekomme.

Also eine Seite gibt es ja schon: das habe ich mit dem T-Online Design Assistent gemacht. An deren Stelle bekomme ich sicher auch irgendwie meine neue Webseite geladen. ^^

Vielleicht kann mir ja noch jemand bei den genannten Punkten weiter helfen. Das wäre echt super!

simonpicos · 14.06.2011

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

Cyberia schrieb:
Nun muss ich nur noch raus finden, wie ich eine Bildergalerie

Am Besten mit jQuery (Ein komplett neues Thema, wo du dich auch erst einarbeiten musst)

Cyberia schrieb:
, eine Unternavigation für einen Navigationspunkt erstelle

Runterscrollen bis

Dynamische CSS-Navigation für moderne Browser

Das sollts sein

CayZ · 14.06.2011

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

Also zu CSS und HTML kann ich dir nicht viel sagen, da bin ich selber absoluter Anfänger. Ich bastel auch noch an einer Seite, die zwar schon online ist aber halt nochmal komplett überarbeitet wird. Ist der erste Link in meiner Signatur (Abercrombie) =)
Ich kann dir aber eine Tipp für nen Test-Webspace geben.

Free Webspace mit PHP und MYSQL kostenlos | CwCity.de

der ist kostenlos unterstützt sehr sehr viel. Ist FTP fähig und kannst somit deine Seite mithilfe von filezilla schnell aktuallisieren.
und bei nic.de.vu bekommst du eine kostenlose domain deren dns weiterleitung ist zwar noch in der Beta-Testphase aber funktioniert bei mir super.

Damit kannst du sie gut testen wie sie online aussieht.
Zu meiner eigenen muss ich sagen das sie leider nicht mit dem IE so funktioniert wie ich das will. -.-'
Ich hoffe ich konnte dir ein wenig weiter helfen, auch wenn es nicht zu deinen fragen passte.

LG

Edit: hast ja schon eine Domain also hat sich ja die nic.de.vu Sache erledigt. deine seite wäre dann unter: erreichbar aber das erklärt man dir alles auf der Seite.

Cyberia · 14.06.2011

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

Danke CayZ das wird sicher noch hilfreich sein, sobald meine Seite fertig ist und online gehen kann.

Ich benutze Firefox, also ich sehe das nicht was beim IE nicht passt. ^^

@simonpicos

Ich habe mich an die Anleitung gehalten aber es funktioniert nicht richtig. Kannst du mir da vielleicht weiter helfen?

So sieht es bei mir aus:

Ich habe doch alles so geschrieben, wie dort, oder? Habe ich irgendwas übersehen?

Warum kommt dabei das hier raus?? :/

So möchte ich gerne das es funktioniert, so wie wenn man auf der Seite: auf Referenzobjekte klickt, so wie da die Unterpunkte dann erscheinen, so möchte ich das auch gerne haben.

simonpicos · 14.06.2011

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

Ach du möchtest das Dropdown nur bei Klick? Scroll mal auf der Seite die ich dir gegeben habe nicht ganz so weit nach unten. Da sind noch andere Naviversionen. Schau mal welche dir am besten gefällt...

Cyberia · 14.06.2011

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

simonpicos schrieb:
Ach du möchtest das Dropdown nur bei Klick? Scroll mal auf der Seite die ich dir gegeben habe nicht ganz so weit nach unten. Da sind noch andere Naviversionen. Schau mal welche dir am besten gefällt...

Ach, das kann man angucken, das ist mir noch nie aufgefallen.

Und ja nur bei Klick. Und nicht nebeneinander sondern übereinander.

Ich habe gefunden was ich suchte aber ich kann es nicht umsetzen. Ich durchschaue es nicht....mist.....

Ich kann das hier:

body { font: normal 100.01% Helvetica, Arial, sans-serif; color: black; background-color: #ffffe0; } div#Rahmen { width: 47.1em; padding: 0.8em; border: 1px solid black; background-color: silver; } * html div#Rahmen { /* Korrektur fuer IE 5.x */ width: 48.7em; w\idth: 47.1em; } div#Rahmen div { clear: left; } ul#Navigation { margin: 0; padding: 0; text-align: center; } ul#Navigation li { list-style: none; float: left; /* ohne width - nach CSS 2.1 erlaubt */ position: relative; margin: 0.4em; padding: 0; } * html ul#Navigation li { /* Korrektur fuer den IE 5 und 6 */ margin-bottom: -0.4em; } *:first-child+html ul#Navigation li { /* Korrektur fuer den IE 7 */ margin-bottom: -0.1em; } ul#Navigation li ul { margin: 0; padding: 0; position: absolute; top: 1.6em; left: -0.4em; display: none; /* Unternavigation ausblenden */ } * html ul#Navigation li ul { /* Korrektur fuer IE 5.x */ left: -1.5em; lef\t: -0.4em; } *:first-child+html ul#Navigation ul { /* Workaround fuer den IE 7 */ background-color:silver; padding-bottom:0.4em; } ul#Navigation li:hover ul { display: block; /* Unternavigation in modernen Browsern einblenden */ } ul#Navigation li ul li { float: none; display: block; margin-bottom: 0.2em; } ul#Navigation a, ul#Navigation span { display: block; width: 6.4em; /* Breite den in li enthaltenen Elementen zuweisen */ padding: 0.2em 1em; text-decoration: none; font-weight: bold; border: 1px solid black; border-left-color: white; border-top-color: white; color: maroon; background-color: #ccc; } * html ul#Navigation a, * html ul#Navigation span { width: 8.6em; /* Breite nach altem MS-Boxmodell für IE 5.x */ w\idth: 6.4em; /* korrekte Breite fuer den IE 6 im standardkonformen Modus */ } ul#Navigation a:hover, ul#Navigation span, li a#aktuell { border-color: white; border-left-color: black; border-top-color: black; color: white; background-color: gray; } li a#aktuell { /* aktuelle Rubrik kennzeichnen */ color: maroon; background-color: silver; } ul#Navigation li ul span { /* aktuelle Unterseite kennzeichnen */ background-color: maroon; }

Und mein CSS sieht so aus, ich weiß nicht wie ich das vereinen soll

<!Doctype html>
<html lang="de">

<head>
<meta charset="utf-8" />
<meta name="description" content="Erichsen OHG - Startseite" />
<meta name="DC.creator" content="Diana Erichsen" />
<title>Erichsen OHG - Startseite</title>
<link rel="stylesheet" href="CSS/ErichsenOHG.css"/>
</head>

<body>

<div id="Master">

<div id="Linie"></div>

<div id="Bild"><img src="Bilder/Hausmitte.png" alt="Bild von Haus"></div>

<div id="Logo"><h1>Erichsen OHG</h1></div>

<div id="Navigation1">
<ul>
<li><a href="ErichsenOHGHome.html">Startseite</a></li>
<li><a href="ErichsenOHGLeistungen.html">Leistungen</a></li>
<li><a href="ErichsenOHGAngebote.html">Angebote</a></li>
<li><a href="ErichsenOHGBauvorschlage.html">Bauvorschläge</a></li>
<li><a href="ErichsenOHGReferenzobjekte.html">Referenzobjekte</a></li>
</ul>
</div>

<div id="Navigation2">
<ul>
<li><a href="ErichsenOHGWiruberuns.html">Wir über uns</a></li>
<li><a href="ErichsenOHGUnserePartner.html">Unsere Partner</a></li>
</ul>
</div>

<div id="Startseite">
<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="Navigation3">
<ul>
<li><a id="Impressum" href="ErichsenOHGImpressum.html">Impressum</a></li>
<li><a id="Kontakt" href="ErichsenOHGKontakt.html"> Kontakt</a></li>
</ul>
</div>
</div>

</body>

simonpicos · 14.06.2011

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

Ich würde dir gerne helfen, aber könntest du BITTE!!

dein CSS normal formatiert hier reinposten? bittebitte

Cyberia · 14.06.2011

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

simonpicos schrieb:
Ich würde dir gerne helfen, aber könntest du BITTE!! dein CSS normal formatiert hier reinposten? bittebitte

Wie normal formatiert? Ich weiß nicht was du meinst...? Das erste ist von Self HTML keine Ahnung wieso das so komisch aussieht.

Hier noch mal meines

<!Doctype html>
<html lang="de">

<head>
<meta charset="utf-8" />
<meta name="description" content="Erichsen OHG - Startseite" />
<meta name="DC.creator" content="Diana Erichsen" />
<title>Erichsen OHG - Startseite</title>
<link rel="stylesheet" href="CSS/ErichsenOHG.css"/>
</head>

<body>

<div id="Master">

<div id="Linie"></div>

<div id="Bild"><img src="Bilder/Hausmitte.png" alt="Bild von Haus"></div>

<div id="Logo"><h1>Erichsen OHG</h1></div>

<div id="Navigation1">
<ul>
<li><a href="ErichsenOHGHome.html">Startseite</a></li>
<li><a href="ErichsenOHGLeistungen.html">Leistungen</a></li>
<li><a href="ErichsenOHGAngebote.html">Angebote</a></li>
<li><a href="ErichsenOHGBauvorschlage.html">Bauvorschläge</a></li>
<li><a href="ErichsenOHGReferenzobjekte.html">Referenzobjekte</a></li>
</ul>
</div>

<div id="Navigation2">
<ul>
<li><a href="ErichsenOHGWiruberuns.html">Wir über uns</a></li>
<li><a href="ErichsenOHGUnserePartner.html">Unsere Partner</a></li>
</ul>
</div>

<div id="Startseite">
<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="Navigation3">
<ul>
<li><a id="Impressum" href="ErichsenOHGImpressum.html">Impressum</a></li>
<li><a id="Kontakt" href="ErichsenOHGKontakt.html"> Kontakt</a></li>
</ul>
</div>
</div>

</body>

simonpicos · 14.06.2011

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

Das ist dein HTML... Schau mal in deinen Post davor. Die CSS ist totaler Kauderwelsch, weil keine Absätze drin sind. SO kann man nichts lesen..

Cyberia · 14.06.2011

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

simonpicos schrieb:
Das ist dein HTML... Schau mal in deinen Post davor. Die CSS ist totaler Kauderwelsch, weil keine Absätze drin sind. SO kann man nichts lesen..

Das wo keine Abstände drin sind ist nicht MEIN CSS sondern das was ich nicht verstehe von der von dir verlinkten Seite.

simonpicos · 14.06.2011

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

aaah und das fette kapierst du nicht, oder wie? Sorry, ich blicks grad nicht so ganz

Cyberia · 14.06.2011

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

Also, die Seite, die du mir verlinkt hast, da unter Dynamische CSS-Navigation für moderne Browsers, steht wie es wohl geht.

Ich verstehe aber nicht wie ich das was da steht, in mein CSS einbinde.

Hier noch mal mein CSS:

HTML:

<!Doctype html>
<html lang="de">

<head>
<meta charset="utf-8" />
<meta name="description" content="Erichsen OHG - Startseite" />
<meta name="DC.creator" content="Diana Erichsen" />
<title>Erichsen OHG - Startseite</title>
<link rel="stylesheet" href="CSS/ErichsenOHG.css"/>
</head>

<body>

<div id="Master">

<div id="Linie"></div>

<div id="Bild"><img src="Bilder/Hausmitte.png" alt="Bild von Haus"></div>

<div id="Logo"><h1>Erichsen OHG</h1></div>

<div id="Navigation1">
<ul>
<li><a href="ErichsenOHGHome.html">Startseite</a></li>
<li><a href="ErichsenOHGLeistungen.html">Leistungen</a></li>
<li><a href="ErichsenOHGAngebote.html">Angebote</a></li>
<li><a href="ErichsenOHGBauvorschlage.html">Bauvorschläg  e</a></li>
<li><a href="ErichsenOHGReferenzobjekte.html">Referenzobj  ekte</a></li>
</ul>
</div>

<div id="Navigation2">
<ul>
<li><a href="ErichsenOHGWiruberuns.html">Wir über uns</a></li>
<li><a href="ErichsenOHGUnserePartner.html">Unsere Partner</a></li>
</ul>
</div>

<div id="Startseite">
<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="Navigation3">
<ul>
<li><a id="Impressum" href="ErichsenOHGImpressum.html">Impressum</a></li>
<li><a id="Kontakt" href="ErichsenOHGKontakt.html"> Kontakt</a></li>
</ul>
</div>
</div>

</body>

Ich hoffe es ist jetzt verständlich, wo mein Problem liegt. ^^

simonpicos · 14.06.2011

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

Cyberia schrieb:
Hier noch mal mein CSS:

Du verwechelst wohl HTML und CSS...
In HTML baust du das Gerüst für eine Website auf, und in CSS verpasst du dem Ganzen einen Style...

Also was verstehst du denn nicht? Eine ganze Datei kann ich dir jetzt nicht erklären.
CSS 4 You - The Finest in Stylesheets

Da findest du alle CSS Befehle erklärt, das könnte dir helfen. Bei speziellen Fragen kannste gerne Fragen

Cyberia · 14.06.2011

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

Ich verstehe nicht wie ich meinem Menü ein Untermenü mache. Das steht da wohl drin, ich kann das aber nicht mit meinem HTML vereinen.

Und ich meinte natürlich HTML war nur durcheinander, weil du vorher so geschrieben hattest, das ist mein HTML als wenn das falsch wäre. xD Natürlich wollte ich das HTML posten.

Das ist mein HTML und zwar diesmal garantiert xD:

HTML:

<!Doctype html>
<html lang="de">

<head>
<meta charset="utf-8" />
<meta name="description" content="Erichsen OHG - Startseite" />
<meta name="DC.creator" content="Diana Erichsen" />
<title>Erichsen OHG - Startseite</title>
<link rel="stylesheet" href="CSS/ErichsenOHG.css"/>
</head>

<body>

<div id="Master">

<div id="Linie"></div>

<div id="Bild"><img src="Bilder/Hausmitte.png" alt="Bild von Haus"></div>

<div id="Logo"><h1>Erichsen OHG</h1></div>

<div id="Navigation1">
<ul>
<li><a href="ErichsenOHGHome.html">Startseite</a></li>
<li><a href="ErichsenOHGLeistungen.html">Leistungen</a></li>
<li><a href="ErichsenOHGAngebote.html">Angebote</a></li>
<li><a href="ErichsenOHGBauvorschlage.html">Bauvorschläge</a></li>
<li><a href="ErichsenOHGReferenzobjekte.html">Referenzobjekte</a></li>
</ul>
</div>

<div id="Navigation2">
<ul>
<li><a href="ErichsenOHGWiruberuns.html">Wir über uns</a></li>
<li><a href="ErichsenOHGUnserePartner.html">Unsere Partner</a></li>
</ul>
</div>

<div id="Startseite">
<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="Navigation3">
<ul>
<li><a id="Impressum" href="ErichsenOHGImpressum.html">Impressum</a></li>
<li><a id="Kontakt" href="ErichsenOHGKontakt.html"> Kontakt</a></li>
</ul>
</div>
</div>

</body>

Wie kann ich da Unterpunkte für mein Menü machen? Ich verstehe das Tutorial nicht, ich erkenne meinen Code darin nicht wieder und weiß daher nicht wie ich es anpassen muss, damit ich nun Unterpunkte für einen der Oberpunkte im Menü habe.

Ich möchte das es so funktioniert wie hier bei Referenzobjekte: www.erichsen-baugruppe.de

Ich möchte unter dem Menüpunkt Bauvorschläge, ein Untermenü haben mit Namen Vorschlag 1, Vorschlag 2 usw. das bekomme ich aber nicht hin.

Und sie sollen nur sichtbar sein wenn ich auch auf Bauvorschläge geklickt habe, also gerade auf der Seite für die Bauvorschläge bin.

molly_68 · 15.06.2011

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

Moin, cyberia,
du solltest auch prinzipiell alle id´s etc. klein schreiben, falls du mal XHTML verwenden willst, kann das schnell mal zu Fehlern kommen.

In der Beispielseite ist alles unschön mit Grafiken und Tabellen gelöst, kein schönes Vorbild. Vielleicht tuts auch ein Akkordeon Menü so wie im Beispiel auf dieser Seite :

Lieben Gruß
Ute

Cyberia · 20.06.2011

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

Danke @molly_68 habe mal alle ids klein geschrieben.

Das Akkordeon Menü ist etwas zu viel des guten, da ich mich schon freue wenn ich das normale HTML und CSS hin bekomme aber leider will mir auch das noch nicht gelingen.

Ich hänge immer noch an meinen Unterpunkten fürs Menü...

Ich habe nun ein Untermenü in dem Sinne das ich neue punkte habe aber diese fliegen nun mitten drin im Menü rum....und ich weiß nicht wie ich es nun in die Lücke zwischen Bauvorschläge und Referenzobjekte bekomme....

Langsam bin ichs echt leid, das nie etwas so klappt, wie man es sich denkt. Das ich es Mittwoch fertig vor zeigen soll, hilft mir da auch nicht gerade. :`(

Vielleicht mag mir jemand helfen, ich lade mal mein CSS und meine HTML Datei mal hoch....

Ich wäre für Hilfe unendlich dankbar.

molly_68 · 20.06.2011

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

Hey, Cyberia,
das ist unglücklich mit dem HTML und CSS, weil man es downloaden muss, vielleicht hilft dir diese : http://www.peterkropff.de/tutorials/html_css_2/untermenue.htm
Anleitung weiter.
Viel Glück, du packst das schon!

Cyberia · 20.06.2011

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

Danke....hilft mir leider nicht...habe es ja so aber es fliegt trotzdem alles durcheinander.

Und warum ist runter laden ein Problem? Da müsste doch mit am einfachsten zu sehen sein, wo der Fehler liegt, denn ich finde ihn nicht und google schon den ganzen Tag rum lese Tutorials und denke immer nur so habe ich es doch wieso geht es denn bei mir nicht so wie bei denen? *verzweiflung*

Cyberia · 20.06.2011

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

Ich habe die Seite nun online gebracht. Bitte helft mir. Ich brauche Untermenüs, eine Gallerie und allgemein eine funktionierende Webseite.

molly_68 · 20.06.2011

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

Cyberia, du KANNST es ja nicht so haben, sonst würde es ja funktionieren. Runterladen ist ein Problem, weil es dann auf der Festplatte rumoxidiert, und das muss ja nicht sein

Meinst du denn nicht, das es besser wäre, wenn du Verlängerung beantragst und einfach zugibst, dass du da noch nicht fit genug bist, wenn nicht einmal eine Galerie und Menu machbar sind?
Und auf den ersten Blick ist da soviel zu überarbeiten, das schafft man wohl schwerlich bis Mittwoch...

#navigation1 z.B. hat gar keine Größe, um die Listenelemente darin zu positionieren...