Ergebnis 1 bis 7 von 7

Thema: Hilfe beim CSS einbinden

  1. #1
    HTML Newbie
    Registriert seit
    03.06.2010
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Hilfe beim CSS einbinden

    Moin Jungs, ich bin neu hier erstmal

    Bitte deshalb nicht direkt rumnörgeln falls ich was falsch mache :P

    Also mein Problem ist, dass ich eine winzige "Homepage" bzw nur das Layout der index erstellt habe und die Css-Styles Extern definieren und anschließend einbinden will.

    Jedoch funktioniert irgendwie gar nix davon so wie ich das will

    Also hier erstmal der Link von Funpic, wo die Sample Homepage entstehen soll : http://striking.st.funpic.de/Tutorialboys/index.html

    Hier der HTML Code
    HTML-Code:
    <!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>The Tutorial Boyz </title>
    <link href="aaa.css" type="text/css" rel="stylesheet" />
    </head>
    
    <body>
    <center>
      <table width="1000" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><img src="tutorial boys.jpg" /></td>
            </tr>
            <tr>
              <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td bgcolor="#000000"><center spry:hover="Navi">News</center></td>
                  <td bgcolor="#000000"><center spry:hover="Navi">Tutorials</center></td>
                  <td bgcolor="#000000"><center spry:hover="Navi">Gallery</center></td>
                  <td bgcolor="#000000"><center spry:hover="Navi">Guestbook</center></td>
                  <td bgcolor="#000000"><center spry:hover="Navi">Contact</center></td>
                </tr>
                 </table></td>  
               <tr>
              <td bgcolor="#333333" height="3px"></td>
            </tr>
          </table></td>
        </tr>
            <tr>
              <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td bgcolor="#000000" width="5%">&nbsp;</td>
                  <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td bgcolor="#000000"><center spry:hover="headline">Unsere neue Homepage geht bald online !</center></td>
                    </tr>
                    <tr>
                      <td bgcolor="#000000">&nbsp;</td>
                    </tr>
                    <tr>
                      <td bgcolor="#000000"><center spry:hover="lorem_ipsum">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur facilisis, odio et luctus ultricies, dui purus mattis sem, vitae tincidunt leo nulla in tortor. Integer non ligula vitae nisi viverra hendrerit. In hac habitasse platea dictumst. Pellentesque vitae nisl sed magna blandit malesuada sed et turpis. Vivamus vitae diam et quam ornare tincidunt. Nunc fermentum interdum magna. Sed molestie, sapien quis lacinia mattis, ipsum ipsum imperdiet dolor, eu pellentesque ante magna at urna. Donec tincidunt molestie mauris, id euismod felis dignissim vitae. Suspendisse venenatis, nisi vel condimentum viverra, velit purus iaculis augue, nec egestas magna odio ut lorem. Mauris neque dui, placerat venenatis dapibus id, lobortis vitae massa. Pellentesque eleifend augue in ante laoreet eu luctus lectus congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque a quam tellus. Curabitur congue tellus et diam iaculis luctus. Ut euismod elementum lacus mollis rutrum. Pellentesque malesuada adipiscing lectus, non congue eros ultricies sit amet. Nullam id rhoncus est. Maecenas massa nibh, placerat id venenatis ut, accumsan eu nulla.
    
    Integer commodo tellus sit amet odio porta a aliquet metus dignissim. Integer sed luctus turpis. Duis ullamcorper, ipsum sit amet varius ultricies, mauris erat ultrices nunc, in tincidunt leo elit quis quam. Ut mi quam, venenatis vel ultricies sed, posuere quis dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed sem massa, porta in convallis vel, commodo eu magna. Morbi metus lacus, commodo at interdum non, eleifend ut felis. Praesent id luctus est. Duis venenatis consectetur orci, et dapibus mauris blandit at. Donec nulla sapien, auctor ut pellentesque eu, elementum nec justo. Phasellus mattis tristique hendrerit.
    
    In molestie venenatis nisl, et sagittis libero iaculis tincidunt. Praesent convallis pulvinar feugiat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas felis velit, bibendum ac pulvinar at, lacinia vitae tellus. Quisque nisi metus, cursus id vestibulum sed, faucibus a felis. Nunc consequat, sapien iaculis ultricies blandit, nunc elit dictum felis, sed vehicula diam odio tempor eros. Curabitur dui ante, feugiat suscipit sagittis ut, vulputate vitae nulla. Aenean eget ipsum magna. Proin condimentum odio ut sem dapibus scelerisque. Duis in massa et augue convallis gravida. Nam vitae nulla eu erat sagittis placerat nec venenatis nibh. Etiam placerat posuere orci eu euismod. Fusce interdum vulputate nibh eu hendrerit.</center> </td>
    
                    </tr>
                    <tr>
                  <td bgcolor="#333333" height="3px"></td>
                    <tr>
                    <tr>
                      <td bgcolor="#000000"><center spry:hover="footer">Copyright(c) and Design by StrikeR.</center></td>
                    </tr>
                  </table></td>
                  <td bgcolor="#000000" width="5%">&nbsp;</td>
                </tr>
              </table></td>
            </tr>
         
        </tr>
      </table>
    </center>
    
    </body>
    </html>
    Und der Css Code.
    Ich denke, das im Css code ja irgendwas falsch sein muss, denn mit externen .css datein kenne ich mich noch nicht wirklich aus... -,-

    Code:
    .Navi {
        font-family:"Arial, Helvetica, sans-serif";
        font-size:19px;
        color:#FFF;
    }
    
    .headline {
        font-family:"Arial, Helvetica, sans-serif";
        font-size:25px;
        color:#FFF;
    }
    
    .lorem_ipsum {
        font-family:"Arial, Helvetica, sans-serif";
        font-size:12px;
        color:#FFF;
    }
    
    .footer {
        font-family:"Arial, Helvetica, sans-serif";
        font-size:14px;
        color:#FFF;
    }
    In dem Navi-Style habe ich eine spezielle Schriftart verwendet, es reicht ja, wenn ich die einfach mit der index, dem header.jpg und der css auf den ftp server hochlade oder ?


    Mfg Striker
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Striker (03.06.2010 um 23:58 Uhr)

  2. #2
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Hilfe beim CSS einbinden

    HTML-Fragemente wie

    Code:
    <style type="text/css">
    <!--
    haben in der CSS-Datei nichts zu suchen.

  3. #3
    Unregistriert
    Gast

    Standard AW: Hilfe beim CSS einbinden

    Habe ich korrigiert. !

    Aber wird trotzdem nichts angezeigt...

  4. #4
    HTML Newbie
    Themenstarter

    Registriert seit
    03.06.2010
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe beim CSS einbinden

    Zitat Zitat von Unregistriert Beitrag anzeigen
    Habe ich korrigiert. !

    Aber wird trotzdem nichts angezeigt...
    sorry war natürlich ich, hab nicht gemerkt das ich nicht eingeloggt war

  5. #5
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Hilfe beim CSS einbinden

    Kann auch gar nicht. Denn das was in deinem HTML-Code steht ist auch falsch. Beispiel: was zum Teufel soll das sein?

    Code:
    <center spry:hover="Navi">Text</center>
    Wenn Du hier eine CSS-Klasse ansprechen willst, dann wäre

    Code:
    <center class="Navi">Text</center>
    richtig. Aber semantisch wäre es immernoch falsch, denn <center> verwendet man nicht mehr in HTML - erst recht nicht mit CSS-Klassen. <center> soll einen Text zentrieren. Zentrierung gehört aber zur Gestaltung, und Gestaltung macht man mit CSS. Korrekt wäre also für deinen Fall:

    Code:
    <span class="Navi">Text</span>

  6. #6
    HTML Newbie
    Themenstarter

    Registriert seit
    03.06.2010
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Hilfe beim CSS einbinden

    Okay. Danke vielmals !
    Ich hatte immer den Text makiert rechtsklick und meinen Css-Style eingefügt, so nach Baukastenart

    Das mit dem Center konnte ich nicht so umsetzen. Also habe ich es erstmal so gelassen.
    Weißt du denn, was ich im Css-Code schreiben muss, damit es im Center steht ?

    Gruß

  7. #7
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Hilfe beim CSS einbinden


Ähnliche Themen

  1. Probleme beim Einbinden des Banners in die Signatur!!!
    Von eatofid im Forum Forum-Hilfe.de intern
    Antworten: 13
    Letzter Beitrag: 05.01.2008, 15:34
  2. Fehler beim Einbinden einer css-Datei
    Von im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 03.06.2007, 16:24
  3. Schrift mit Hilfe von JavaScript und Flash einbinden
    Von SabineK im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 01.04.2007, 21:48
  4. Probleme beim einbinden einer Grafik!!!
    Von Gonzo1978 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 26.02.2007, 11:08
  5. Meta Tags richtig einbinden ? Hilfe...
    Von Metamann im Forum HTML & CSS Forum
    Antworten: 19
    Letzter Beitrag: 18.01.2007, 20:35

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •