Webseite CSS einfügen

Seit 2004 hat sich viel getan, der iPod per se ist nicht mehr up-to-date, so wie dieses Forum. Um die Informationen nicht zu verlieren ist das Forum jetzt Read-Only für Gäste, Registrierungen sind aufgrund der hohen Anzahl an Spam-Accounts nichts mehr möglich. Vielen Dank für die schöne Zeit an alle aktiven Nutzer!

  • Webseite CSS einfügen

    Hallo zusammen,


    Ich habe da ein kleines Problem.

    Und zwar hatte ich bei Google nach Kostenfreien Webseiten Designs gegoogelt und ich bin auch schnell fündig geworden.
    Allerdings gibt es jetzt die ersten Probleme und zwar habe ich in Cyberduck (FTP Programm) alle Bilder und die 2 CSS Datein hochgeladen und an den Grafik gedönse noch nichts verändert außer ein Bild von einen Leuchturm gelöscht.

    Allerdings stimmt das Design einfach nicht überein.

    So müsste es eigendlich aussehen:
    on-mouseover.de/templates/hp10/index2.html



    Und so sieht es aus:
    marvinkleinmusic.ma.funpic.de/seite/index2.html



    Im HTML Dokument der Seite sieht es wie folgt aus:


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type"
    content="text/html; charset=iso-8859-1">
    <meta name="robots" content="INDEX,FOLLOW">
    <meta name="keywords"
    content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
    <meta name="description"
    content="homepage, dokument, webpage, page, web, netz" >
    <title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
    <!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
    <!-- (c)Copyright by S.I.S.Papenburg / on-mouseover.de/templates/ -->




    <link rel="stylesheet" href="format.css" type="text/css">
    <link rel="stylesheet" href="menue.css" type="text/css">

    </head>



    ich verzeifel grade vollkommen ?(

    Kann mir da vielleicht jemand weiterhelfen?

  • Ich habe jetzt mal den Ordner images erstellt allerdings tut sich immer noch nichts.

    Wo soll den in den CSS Datein stehen das das Unterverzeichnis images ist?


    Hier einmal beide CSS:

    marvinkleinmusic.ma.funpic.de/seite/format.css



    marvinkleinmusic.ma.funpic.de/seite/menue.css


    EDIT:// Habe nocheinmal die Seite Aktualisiert und aufeinmal war alles da :OO

  • In der format.css stehen die Links zu den jeweiligen Bildern drinnen.
    Hintergrund-Bild z.B. hier:

    Quellcode

    1. /* ================ INHALTSBEREICH ================ */
    4. #main_inhalt{
    5. width:100%;
    6. height:1000px;
    7. background-image:url(images/back_main.jpg);background-repeat:repeat-y;
    8. background-position:center top;
    9. }


    Bei "background-image:url" steht z.B. dahinter, dass die Datei back_main.jpg im Ordner "images" liegen soll.

  • Jetzt habe ich 2 neue Probleme.


    und zwar ich möchte gerne die Menü leiste gleichmäßig haben sodass die Schrift immer in der Mitte ist so wie bei "home"
    marvinkleinmusic.ma.funpic.de/seite/index2.html


    und ich würde sehr gerne die Seiten Überschrift von homepage,dokument,we ändern zu MarvinKleinMusic.



    Weist du wies weiter geht?

  • Also das mit der Überschrift ist relativ Simpel: Öffne mal die index2.html in einem editor und ändere

    Quellcode

    1. <title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>


    zu:

    Quellcode

    1. <title>MarvinKleinMusic</title>


    Zu dem Menü: Das sollte auch in der index2.html zu ändern sein: Schau dir mal die Stelle genauer an:

    Quellcode

    1. <<table width="910" align="center" id="menuhorizontal" border="0" cellpadding="0" cellspacing="0" >
    2. <tr>
    3. <td width="16%" ><a href="index2.html" >Home</a></td>
    4. <td class="trenn">|</td>
    5. <td width="16%"><a href="chat.html" ><p align=center>Chat</p></a></td>
    6. <td class="trenn">|</td>
    7. <td width="16%"><a href="-.html" ><p align=center>In Arbeit</p></a></td>
    8. <td class="trenn">|</td>
    9. <td width="16%"><a href="downloads.html" ><p align=center>Downloads</p></a></td>
    10. </tr>
    11. </table>
    Alles anzeigen


    In der menue.css ist zwar die Schriftart und -Größe etc. zu diesem Menü geregelt, aber ich denke der Fehler liegt in der HTML-Datei. Würd da ein bisschen rumprobieren, vor allem, wenn man sowas noch nie gemacht hat, denke ich ganz sinnvoll ;)

    Könntest ja mal sowas versuchen:

    Quellcode

    1. <table width="910" align="center" id="menuhorizontal" border="0" cellpadding="0" cellspacing="0" >
    2. <tr>
    3. <td width="25%" ><a href="index2.html" >Home</a></td>
    4. <td class="trenn">|</td>
    5. <td width="25%"><a href="chat.html" >Chat</a></td>
    6. <td class="trenn">|</td>
    7. <td width="25%"><a href="-.html" >In Arbeit</a></td>
    8. <td class="trenn">|</td>
    9. <td width="25%"><a href="downloads.html" >Downloads</a></td>
    10. </tr>
    11. </table>
    Alles anzeigen


    Ansonsten empfehle ich dir noch bei selfhtml reinzuschauen, da sind HTML und CSS-Dinge recht verständlich und mit guten Beispielen erklärt.

  • Benutzer online 1

    1 Besucher