Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 15

Thema: Probleme mit dem "HTML-Gerüst" meines Blogs

  1. #1
    Kakse
    Gast

    Standard Probleme mit dem "HTML-Gerüst" meines Blogs

    Hallo!
    Ich bin ein absoluter Neuling in Sachen HTML und habe mir mit größter Mühe mein Blogaussehen zusammengebastelt. Leider bekomme ich es nicht hin die Navigationsleiste neben dem Text erscheinen zu lassen.
    Vielleicht findet jemand den Fehler:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>

    <title><Selbstgemachtes></title>
    <style type="text/css">

    body {
    background:#fff url("http://www.blogblog.com/dots/bg_dots.gif") 50% 0;
    margin:0;
    padding:40px 20px;
    text-align:center;
    font:small Georgia,Serif
    color:#333;
    font-size/* */:/**/small;
    font-size: /**/small;
    }
    a:link {
    color:#58a;
    text-decoration:none;
    }
    a:visited {
    color:#969;
    text-decoration:none;
    }
    a:hover {
    color:#c60;
    text-decoration:underline;
    }
    a img {
    border-width:0;
    }

    /* Header
    ----------------------------------------------- */
    @media all {
    #header {
    width:660px;
    margin:0 auto 10px;
    border:1px solid #ccc;
    }
    }
    @media handheld {
    #header {
    width:90%;
    }
    }
    #blog-title {
    margin:5px 5px 0px;
    padding:20px 20px .25em;
    border:1px solid #eee;
    border-width:1px 1px 0;
    font-size:200%;
    line-height:1.2em;
    font-weight:normal;
    color:#666;
    text-transform:uppercase;
    letter-spacing:.2em;
    }
    #blog-title a {
    color:#666;
    text-decoration:none;
    }
    #blog-title a:hover {
    color:#c60;
    }
    #description {
    margin:0 5px 5px;
    padding:0 20px 20px;
    border:1px solid #eee;
    border-width:0 1px 1px;
    max-width:700px;
    font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#666;
    }

    /* Content
    ----------------------------------------------- */
    @media all {
    #content {
    width:660px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }
    #main {
    width:410px;
    float:left;
    }
    #sidebar {
    width:220px;
    float:right;
    }
    }
    @media handheld {
    #content {
    width:90%;
    }
    #main {
    width:100%;
    float:none;
    }
    #sidebar {
    width:100%;
    float:none;
    }
    }



    /* Headings
    ----------------------------------------------- */
    h2 {
    margin:1.5em 0 .75em;
    font:100%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#999;
    }


    /* Sidebar Content
    ----------------------------------------------- */
    #sidebar ul {
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    border-bottom:1px dotted #ccc;
    list-style:none;
    }
    #sidebar li {
    margin:0;
    padding:0 0 .25em 15px;
    text-indent:-15px;
    line-height:1.5em;
    }
    #sidebar p {
    color:#666;
    line-height:1.5em;
    }

    /* Footer
    ----------------------------------------------- */
    #footer {
    width:660px;
    clear:both;
    margin:0 auto;
    }
    #footer hr {
    display:none;
    }
    #footer p {
    margin:0;
    padding-top:15px;
    font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    </style>

    </head>

    <body>

    <div id="header">

    <h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage> Selbstgemachtes
    <ItemPage></a></ItemPage>
    </h1>
    <p id="description">brühwarm aus meinen Händen...</p>

    </div>


    <div id="content">


    <div id="main"><div id="main2">

    <Blogger>



    <div class="post-body">
    <div>
    {PLACE_CONTENT}
    </div>
    </div>

    </div>


    </Blogger>
    </div></div>



    <div id="sidebar"><div id="sidebar2">

    <h2 class="sidebar-title">Navigation</h2>
    <ul id="recently">
    <BloggerNavigation>[*]Archiv[*]Gästebuch[*]Startseite[*]Über...[*]Kontakt[*]Abonnieren[*][img]{IMG_RSS}[/img]
    </BloggerNavigation>[/list]

    <h2 class="sidebar-title">Kategorien</h2>
    <ul id="recently">
    <BloggerKategorien>[*]<a href[*]{PLACE_CATEGORIES}</a>
    </BloggerKategorien>[/list]

    <h2 class="sidebar-title">Links</h2>
    <ul id="recently">
    <BloggerLinks>[*]<a href[*]{PLACE_LINKS}</a>
    </BloggerLinks>[/list]

    {PLACE_POWEREDBY}

    </div></div>


    </div>


    </body>

    </html>

    Übrigens ich bin bei myblog.de, vielleicht kennt sich jemand damit aus. Danke schon mal!
    Grüße
    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 !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    gib bitte auchmal den link...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Kakse
    Gast

  4. #4
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard

    Ich hab nicht gelacht, sondern nur geschmunzelt. Nun aber zu der Lösung!

    Diesen Teil bitte überkopieren:
    Code:
    /* Content
    ----------------------------------------------- */
    #content &#123;
    width&#58;660px;
    margin&#58;0 auto;
    padding&#58;0;
    text-align&#58;left;
    &#125;
    #main &#123;
    width&#58;410px;
    &#125;
    #sidebar &#123;
    width&#58;220px;
    float&#58;left;
    &#125;
    Und dann muss dieser (unveränderte) Bereich
    Code:
    <div id="sidebar"><div id="sidebar2">
    
    <h2 class="sidebar-title">Navigation</h2>
    <ul id="recently">
    <BloggerNavigation>[*]Archiv[*]Gästebuch[*]Startseite[*]Über...[*]Kontakt[*]Abonnieren[*][img]&#123;IMG_RSS&#125;[/img]
    </BloggerNavigation>[/list]
    
    <h2 class="sidebar-title">Kategorien</h2>
    <ul id="recently">
    <BloggerKategorien>[*]<a href[*]&#123;PLACE_CATEGORIES&#125;</a>
    </BloggerKategorien>[/list]
    
    <h2 class="sidebar-title">Links</h2>
    <ul id="recently">
    <BloggerLinks>[*]<a href[*]&#123;PLACE_LINKS&#125;</a>
    </BloggerLinks>[/list]
    
    &#123;PLACE_POWEREDBY&#125;
    
    </div></div>
    direkt über
    geschoben werden.

  5. #5
    Kakse
    Gast

    Standard

    Nein, tut mir leid, klappt nicht. Jetzt seigt es die Navigationsleiste gar nicht mehr an.

  6. #6
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard

    Also bei mir funktioniert es.... Hab allerdings die Ansteuerung für Handhelds raus genommen, da mir der Code zu Beginn etwas unübersichtlich erschien.
    Code:
    <html xmlns="http&#58;//www.w3.org/1999/xhtml" xml&#58;lang="en" lang="en">
    <head>
    <title><Selbstgemachtes></title>
    <style type="text/css">
    body &#123;
    background&#58;#fff url&#40;"http&#58;//www.blogblog.com/dots/bg_dots.gif"&#41; 50% 0;
    margin&#58;0;
    padding&#58;40px 20px;
    text-align&#58;center;
    font&#58;small Georgia,Serif
    color&#58;#333;
    font-size/* */&#58;/**/small;
    font-size&#58; /**/small;
    &#125;
    a&#58;link &#123;
    color&#58;#58a;
    text-decoration&#58;none;
    &#125;
    a&#58;visited &#123;
    color&#58;#969;
    text-decoration&#58;none;
    &#125;
    a&#58;hover &#123;
    color&#58;#c60;
    text-decoration&#58;underline;
    &#125;
    a img &#123;
    border-width&#58;0;
    &#125;
    /* Header
    ----------------------------------------------- */
    #header &#123;
    width&#58;660px;
    margin&#58;0 auto 10px;
    border&#58;1px solid #ccc;
    &#125;
    #blog-title &#123;
    margin&#58;5px 5px 0px;
    padding&#58;20px 20px .25em;
    border&#58;1px solid #eee;
    border-width&#58;1px 1px 0;
    font-size&#58;200%;
    line-height&#58;1.2em;
    font-weight&#58;normal;
    color&#58;#666;
    text-transform&#58;uppercase;
    letter-spacing&#58;.2em;
    &#125;
    #blog-title a &#123;
    color&#58;#666;
    text-decoration&#58;none;
    &#125;
    #blog-title a&#58;hover &#123;
    color&#58;#c60;
    &#125;
    #description &#123;
    margin&#58;0 5px 5px;
    padding&#58;0 20px 20px;
    border&#58;1px solid #eee;
    border-width&#58;0 1px 1px;
    max-width&#58;700px;
    font&#58;78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    text-transform&#58;uppercase;
    letter-spacing&#58;.2em;
    color&#58;#666;
    &#125;
    /* Content
    ----------------------------------------------- */
    #content &#123;
    width&#58;660px;
    margin&#58;0 auto;
    padding&#58;0;
    text-align&#58;left;
    &#125;
    #main &#123;
    width&#58;410px;
    &#125;
    #sidebar &#123;
    width&#58;220px;
    float&#58;left;
    &#125;
    /* Headings
    ----------------------------------------------- */
    h2 &#123;
    margin&#58;1.5em 0 .75em;
    font&#58;100%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    text-transform&#58;uppercase;
    letter-spacing&#58;.2em;
    color&#58;#999;
    &#125;
    /* Sidebar Content
    ----------------------------------------------- */
    #sidebar ul &#123;
    margin&#58;0 0 1.5em;
    padding&#58;0 0 1.5em;
    border-bottom&#58;1px dotted #ccc;
    list-style&#58;none;
    &#125;
    #sidebar li &#123;
    margin&#58;0;
    padding&#58;0 0 .25em 15px;
    text-indent&#58;-15px;
    line-height&#58;1.5em;
    &#125;
    #sidebar p &#123;
    color&#58;#666;
    line-height&#58;1.5em;
    &#125;
    /* Footer
    ----------------------------------------------- */
    #footer &#123;
    width&#58;660px;
    clear&#58;both;
    margin&#58;0 auto;
    &#125;
    #footer hr &#123;
    display&#58;none;
    &#125;
    #footer p &#123;
    margin&#58;0;
    padding-top&#58;15px;
    font&#58;78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
    text-transform&#58;uppercase;
    letter-spacing&#58;.1em;
    &#125;
    </style>
    </head>
    <body>
    <div id="header">
    <h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage> Selbstgemachtes
    <ItemPage></a></ItemPage>
    </h1>
    <p id="description">brühwarm aus meinen Händen...</p>
    </div>
    
    <div id="sidebar"><div id="sidebar2">
    <h2 class="sidebar-title">Navigation</h2>
    <ul id="recently">
    <BloggerNavigation>[*]Archiv[*]Gästebuch[*]Startseite[*]Über...[*]Kontakt[*]Abonnieren[*][img]&#123;IMG_RSS&#125;[/img]
    </BloggerNavigation>[/list]
    <h2 class="sidebar-title">Kategorien</h2>
    <ul id="recently">
    <BloggerKategorien>[*]<a href[*]&#123;PLACE_CATEGORIES&#125;</a>
    </BloggerKategorien>[/list]
    <h2 class="sidebar-title">Links</h2>
    <ul id="recently">
    <BloggerLinks>[*]<a href[*]&#123;PLACE_LINKS&#125;</a>
    </BloggerLinks>[/list]
    &#123;PLACE_POWEREDBY&#125;
    </div></div>
    
    
    <div id="content">
    
    <div id="main"><div id="main2">
    <Blogger>
    
    <div class="post-body">
    <div>
    ...mich
    Ich mag diese... Musiker&#58; 	The Strokes, The Hives, Weezer, Nelly Furtado, Madness, Tschaikowsky...
    Lieder&#58; 	Say it ain't so &#40;Weezer&#41;, X-Factor &#40;Lauran Hill&#41;, 911 &#40;Mary J. Blidge&#41;, Ich dreh mich um dich oder so ähnlich &#40;Herbert Grönemeyer&#41; und natürlich fast alle Titel von den oben genannten Musikern
    Sendungen&#58; 	Gilmore Girls
    Filme&#58; 	Das Leben ist schön.
    Club der toten Dichter
    A Beautiful Mind
    SAW
    Chihiros Reise ins Zauberland
    Bücher&#58; 	Kazuo Ishiguro&#58; Alles, was wir geben mussten
    Carlos Ruiz Zafon&#58; Der Schatten des Windes
    Bernhard Schlink&#58; Der Vorleser
    Hobbies&#58; 	Stricken &#40;überrascht euch, oder?&#41;, Zeichnen, Nähen
    Mehr über mich...
    Als ich noch jung war...&#58;
    war ich noch blond.
    Wenn ich mal groß bin...&#58;
    möchte ich weiterhin glücklich sein.
    Ich liebe...&#58;
    meinen Schatz Rudi.
    Man erkennt mich an...&#58;
    meinem Namen *g*
    </div>
    </div>
    </div>
    
    </Blogger>
    </div></div>
    
    </div>
    
    </body>
    </html>

  7. #7
    Gast

    Standard

    Gut. Ich kopier einfach noch mal alles rein. Mal sehen. Muss ja klappen..

  8. #8
    Kakse
    Gast

    Standard

    Nein, klappt immer noch nicht. Irgendwie hast du auch den Inhalt von meiner "Über..-Seite" in deinem HTML-Text.

  9. #9
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Zitat Zitat von Elvis
    Ich hab nicht gelacht, sondern nur geschmunzelt.
    Elvis, du Schlingel!

  10. #10
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard

    Zitat Zitat von Kakse
    Nein, klappt immer noch nicht. Irgendwie hast du auch den Inhalt von meiner "Über..-Seite" in deinem HTML-Text.
    Natürlich hab ich da ein bissl Text rein kopiert. Musste doch sehen ob es klappt. Aber das Gerüst sollte jetzt so funktionieren.

    @sejuma

Ähnliche Themen

  1. Probleme mit "width" und "height"
    Von chris90night im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 14.10.2006, 20:59
  2. php: "bitte warten" oder "login läuft"
    Von phore im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 05.04.2006, 18:18
  3. Html wie Visual Basic "visuell" formatieren???
    Von mluarasi im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 11.11.2005, 20:19
  4. Beim Senden von HTML ans iframe immer "\"eingefügt
    Von Robert_Wien im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 23.05.2005, 00:33
  5. Text immer "unten" und "rechts" am Frame
    Von Valdyn im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 25.05.2004, 19:14

Stichworte

Berechtigungen

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