kostenloser Webspace werbefrei: lima-city


Suche auf lima-city

  • in: Mehr spaltiges Layout

    geschrieben von pierre-verley

    Vielen Dank für die weiteren Hilfreichen Tipps, ich konnte das Problem Frame/irframe klären nur verbleibt jetzt das Problem mit dem Navileiste wie unter folgenden Link http://pierre-verley.lima-city.de/home2.html wenn dies behoben ist dann bin ich glücklich

    Damit würde dann das CSS Layout stehen und ich kann mich dann weiter an die weiteren Seiten machen. Naja eines habe ich noch vergessen und zwar die Schrifft die ich aber dann noch später machen kann hauptsache das CSS Style steht.

    Würde mich auf eine Antwort freuen.
  • in: Mehr spaltiges Layout

    geschrieben von pierre-verley

    Guten Morgen liebe Community

    Wie man unter folgenden Link http://pierre-verley.lima-city.de/index.html sehen kann ist es mir gelungen die Seite aus dem Video nach zubauen.

    Nun komme ich aber nicht weiter was die Navigation, Menue und dem Headerbild betrifft.

    Bei der Betrachtung meiner Vorlage ist mir aufgefallen das der Außenabstand von links und rechts noch smaller werden könnte sowie auf meiner Skizze. Was muss ich dazu werden um zu diesem Ergebniss zu kommen?
  • in: Mehr spaltiges Layout

    geschrieben von pierre-verley

    an was liegt das sich der Hintergund sich dem Bild nicht anpassen will gestern hatte ich es auf einer Seite gehabt und heute sind alle beide Seiten wieder so was muss ich machen damit sich der Hintergrund (gelb) dem Bild anpasst

    Ich wollte mich auch mal für die bsherige Hilfe bedanken, ich bin echt erstaunt wie man in dieser Community anderen mit Rat und Tat zur Seite steht was man aus einem anderen Forum nicht behaupten kann.
  • in: Mehr spaltiges Layout

    geschrieben von pierre-verley

    Hallo,

    Heute habe ich den CSS Code in eine separate CSS Datei ausgelagert, nun besteht immer noch das mit dem anpassen des Gelben Hintergrund mit dem Headerbild das funktioniert immer noch nicht so wie es soll.

    Ich habe dies bezüglich schon alles ausprobiert aber keine Anzeichen von anpassung ich verlier langsam die Nerven und des weiteren habe ich durch das trennen von HTML & CSS Code zwei unterschiedliche Ansichten offline sowie online

    Online sieht es aus wie unter folgenden Linkhttp://pierre-verley.lima-city.de/anders.html und offline da ist das ganze etwas nach unten gerutscht.

    Zwischen dem footer und dem Header kommt noch der Inhalt der auch noch Menüs enthält und dann direkt daneben der eigentliche Inhalt mit Überschrift und Text, hier meine Frage muss ich hier mit zwei DIV Container arbeiten oder genügt auch einer?. Siehe meine Skizze. die unter http://pierre-verley.lima-city.de/layout.htm zu finden ist.

    Würde mich über Antwort freuen.

    HTML Code

    <!DOCTYPE html>
    <html lang="de">
      <head>
        <meta charset="utf-8">
        <title>.:Pierre Verley | Meine persoenliche Homepage :.</title>
        <link rel="stylesheet" type="text/css" href="design.css" />
        </style>
      </head>
      <body>
        <header>
          <div class="top">
            <div class="sitetitle">
              <i>
                <h1>Pierre Verley</h1>
              </i>
              <p>Meine persoenliche Homepage</p>
            </div>
          </div>
          <img src="ilm.jpg" class="headerbild">
    	  <nav>
          <a href="pierre.htm">Pierre Verley</a>
          <a href="beruflich.html">Beruflich</a>
          <a href="fernsehen.htm">Fernsehen</a>
          <a href="sturm.html">Sturm der Liebe</a>
          <a href="kontakt.htm">Kontakt</a>
          <a href="impressum.html">Impressum</a>
        </nav>
        </header>
        
        <footer>
          <b>
            <p>Copyright &copy 2015 <a href="index.html">Pierre Verley</a> | Design by Pierre Verley<br></p>
            <p> Impressum  <a href="impressum.html">Impressum</a>
          </b>
        </footer>
        </div>
        </div>
        </div>
      </body>
    </html>


    CSS Code

    html, body {
        margin: 40;
        padding: 20;
        background: #FF9900;
        color: #0000CC;
        width: 100%;
    }
    header {
        margin-top: 19;
        border: 5px 45px;
        padding: 5px 32px;
        /*widthe: 1200px;*/
    	
        height: 290px;
        background-color: yellow;
    	position: relativ: 
    }
    nav a {
        float: left;
        width: 150px;
        height: 22px;
        background: orange;
        color: blue;
        margin: 2px;
        text-align: center;
    }
    header .sitetitle {
        float: left;
        text-align: left;
    }
    header .sitetitle h1 {
        font-weight: 700;
        font-size: 2.4em;
        color: blue;
        letter-spacing: -2px;
        line-height: 1.3em;
        margin: 0;
        padding: 15;
    }
    header .top {
        width: 95%;
        margin: 15px auto 15px auto;
    }
    header .sitetitle h1 a {
        font-weight: 700;
        letter-spacing: -1px;
        color: blue;
    }
    header .sitetitle h1 a:hover {
        color: blue;
    }
    header .sitetitle p {
        margin: 5px 0;
        padding: 0;
        letter-spacing: -0px;
        font-size: 1.3em;
        color: green;
    }
    footer {
        clear: left;
        margin-top: 1em;
        background: yellow;
        text-align: left;
        padding: 2px;
    }
    header .headerbild {
        width: 1200px;
    	height: 150px;
    	margin 20px;
    	padding: 2px;
    	position: relativ: 
    }
  • in: Mehr spaltiges Layout

    geschrieben von pierre-verley

    Hallo,

    Wie man unter folgenden Link http://pierre-verley.lima-city.de/home2.html ein sehen kann ist der Hintergrund auf der anderen Seite mit dem Bild im einklang aber auf der anderen Seite immer noch so wie vorher.

    Dieser soll jetzt auch noch bündig sein, hier der bisherige Code meines Layouts

    <!DOCTYPE html>
    <html lang="de">
    <head>
    <meta charset="utf-8">
    <title>Pierre Verley</title>
    <style type="text/css">
    <!--
    
    
    #kopf {
    float: left;
      margin-top: 19;
      border: 45px;
      padding: 32px;
      widthe: 1200px;
      height: 246px;
      background-color:yellow;
    }
    
    .nav div{
    float: left; 
    width: 150px;
    height: 22px;
    background: orange;
    color: black;
    margin: 2px;
    text-align: center;
    }
    
    #sitetitle {
    float:left; 
    text-align:left;
    }
    
    #sitetitle h1 {
    font-weight:700; 
    font-size:2.4em; 
    color:blue; 
    letter-spacing:-2px; 
    line-height:1.3em; 
    margin:0; 
    padding:15;}
    
    
    #top {
    width:95%; 
    margin:15px 
    auto 15px auto;}
    
    #sitetitle h1 a {
    font-weight:700; 
    letter-spacing:-1px; 
    color: blue;
    }
    
    
    #sitetitle h1 a:hover 
    {color: blue;
    	
    }
    
    #sitetitle p {
    margin:5px 0 ; 
    padding:0; letter-spacing:-0px; 
    font-size:1.3em; 
    color:green;}
    
    #footer {
        clear:left;
        margin-top:2em;
       background:yellow;
        text-align:left;
        padding:10px;
    
    -->
    </style>
    </head>
    <body bgcolor="#FF9900" text="#0000CC">
    <div id="seitenbereich">
    <div id="kopf">
    <div id="top">
        <div id="sitetitle">
        <i><h1>Pierre Verley</a></h1></i>
        <p>Meine persoenliche Homepage</p>
    	<div class="nav">
    <header>
    <img src="ilm.jpg" height="145" width="1220">
    </header>
    	<div><a href="pierre.htm">Pierre Verley</a></div> <div><a href="beruflich.html">Beruflich</a></div><div><a href="fernsehen.htm">Fernsehen</a></div><div><a href="sturm.html">Sturm der Liebe</a></div><div><a href="kontakt.htm">Kontakt</a></div><div><a href="impressum.html">Impressum</a></div>     
    
    </div>
    	
    <div id="footer">
      <div class="left">
        <b><p>Copyright&copy 2015 <a href="index.html">Pierre Verley</a> | Design by Pierre Verley<br></p>
    <p> Impressum  <a href="impressum.html">Impressum</a></b>       
      </div>
      
      </div>
    </div>
    
    
     
    
    </div>
      </div>
    
    
        </div>
    
      </div>
    
    </div>
    
    
    
    </div>
    </body>
    </html>


    Die Überschrift ist auch noch nicht ganz zu meiner Zufriedenheit diese soll noch weiter nach oben rutschen.

    Lg
    Pierre

  • in: Mehr spaltiges Layout

    geschrieben von pierre-verley

    Durch das das Einfügen eines CSS Codes für die meine Überschrift und dem was darunter steht lässt sich der Hintergrund nicht wieder herstellen das einzige was ich wieder hinbekommen habe war das mit dem Menü 1 bis 6 aber nicht die Wiederherstellung des Hintergrunds.

    <!DOCTYPE html>
    <html lang="de">
    <head>
    <meta charset="utf-8">
    <title>Pierre Verley</title>
    <style type="text/css">
    <!--
    
    
    #kopf {
      margin: 22;
      border: 50;
      padding: 35px;
      withe: 100;
      height: 150;
      background-color:yellow;
    }
    
    .nav div{
    float: left; 
    width: 150px;
    height: 22px;
    background: orange;
    color: black;
    margin: 2px;
    text-align: center;
    }
    
    #sitetitle {
    float:left; 
    text-align:left;
    }
    
    #sitetitle h1 {
    font-weight:700; 
    font-size:2.4em; 
    color:blue; 
    letter-spacing:-2px; 
    line-height:1.3em; 
    margin:0; 
    padding:15;}
    
    
    #top {
    width:95%; 
    margin:15px 
    auto 15px auto;}
    
    #sitetitle h1 a {
    font-weight:700; 
    letter-spacing:-1px; 
    color: blue;
    }
    
    
    #sitetitle h1 a:hover 
    {color: blue;
    }
    
    #sitetitle p {
    margin:5px 0 ; 
    padding:0; letter-spacing:-0px; 
    font-size:1.3em; 
    color:red;}
    -->
    </style>
    </head>
    <body bgcolor="#FF9900" text="#0000CC">
    <div id="seitenbereich">
    <div id="top">
        <div id="sitetitle">
        <h1>Pierre Verley</a></h1>
        <p>Meine persoenliche Homepage</p>
    	<header>
    <img src="ilm.jpg" height="145" width="1220">
    </header>
    </div>
    	<div class="nav">
    <div><a href="pierre.htm">Pierre Verley</a></div> <div><a href="beruflich.html">Beruflich</a></div><div><a href="fernsehen.htm">Fernsehen</a></div><div><a href="sturm.html">Sturm der Liebe</a></div><div><a href="kontakt.htm">Kontakt</a></div><div><a href="impressum.html">Impressum</a></div>     
    
      </div>
    
    
        </div>
    
      </div>
    
    </div>
    
    
    
    </div>
    </body>
    </html>


    Ich bin fast am verzweifeln aber ich habe auch noch einen anderen Code von einer anderen Seite auf der ich schon ein wenig weiter bin

    <!DOCTYPE html>
    <html lang="de">
    <head>
    <meta charset="utf-8">
    <title>Pierre Verley</title>
    <style type="text/css">
    <!--
    
    #kopf {
      float: :0 auto;
      border: 45px;
      padding: 35px;
      withe: 100;
      height: 150;
      background-color:yellow;
    }
    
    .nav div{
    float: left; 
    width: 150px;
    height: 22px;
    background: orange;
    color: black;
    margin: 2px;
    text-align: center;
    }
    
    #inhalt {
    float: 0 auto ;
    border: 20px;
    padding: 150px;
    width: 950px;
    height: 150;
    background: orange;
    color: black;
    margin: 14px;
    text-align: center;
     background-color:yellow;
     
    -->
    -->
    </style>
    </head>
    <body bgcolor="#FF9900" text="#0000CC">
    <div id="seitenbereich">
    	<div id="kopf">
    	<h1>Pierre Verley</h1>
    	<h2>Meine persoenliche Homepge</h2>
    	<div class="nav">
    <header>
    <img src="ilm.jpg" height="145" width="1220">
    </header>
    <div><a href="pierre.htm">Pierre Verley</a></div> <div><a href="beruflich.html">Beruflich</a></div><div><a href="fernsehen.htm">Fernsehen</a></div><div><a href="sturm.html">Sturm der Liebe</a></div><div><a href="kontakt.htm">Kontakt</a></div><div><a href="impressum.html">Impressum</a></div>     
    <div class="fenster">
    	<div id="menue">
    	<div><a href="link7.htm">Link7</a></div><div><a href="Link8.html">Link8</a></div><div><a href="link9.htm">Link9</a></div><div><a href="link10.html">Link10</a></div><div><a href="link11.htm">Link11</a></div><div><a href="link12.html">Link12</a></div>
    
    </div>
    <div id="inhalt">
    
    </div>
     </div>
      </div>
    </div>
    
    
     
    
    </div>
    </body>
    </html>


    Da will es auch nicht so wie ich, mir mach imm noch der Gelbe Hintergrund probleme der soll genauso breit seit wie das Bild.

  • in: Mehr spaltiges Layout

    geschrieben von pierre-verley

    schul-game schrieb:
    Ich habe es auch mal ausprobiert bei mir geht alles :wink:

    Hast du auch die Datei Format ".CSS abgespeichert"?


    <!DOCTYPE html>
    <html lang="de">
    <head>
    <meta charset="utf-8">
    <title>Pierre Verley</title>
    <link rel="stylesheet" type="text/css" src="layout.css">
    </style></head>
    <body bgcolor="#FF9900" text="#0000CC">
    <div id="seitenbereich">
    
      <div id="kopf">
      <div class id="navi">
    <h1>Pierre Verley</h1>
    <h2>Meine persoenliche Homepge</h2>
    
    <header>
    <img src="ilm.jpg" height="145" width="1220">
    </header>
    <div><a href="pierre.htm">Pierre Verley</a></div> <div><a href="beruflich.html">Beruflich</a></div><div><a href="fernsehen.htm">Fernsehen</a></div><div><a href="sturm.html">Sturm der Liebe</a></div><div><a href="kontakt.htm">Kontakt</a></div><div><a href="impressum.html">Impressum</a></div>
        </div>
    
      </div>
    
    </div>
    
    
    
    </div>
    </body>
    </html>


    Ja, trozdem funktioniert es nicht ich kann die Seite ja mal hochladen wie sie aussieht
  • in: Mehr spaltiges Layout

    geschrieben von pierre-verley

    all-in1 schrieb:
    Du kannst das CSS natürlich in eine separate Datei auslagern. Ist auch eine bessere Lösung.

    Willst du es so haben?

    #inhalte {
      margin: 0 auto;
      border: 50;
      padding: 35px;
      width: 1220px;
      height: 150;
      background-color:yellow;
    }
    
    .nav div{
    float: left; 
    width: 150px;
    height: 22px;
    background: orange;
    color: white;
    margin: 2px;
    text-align: center;
    }


    Ich habe den CSS Code ausgelagert aber das neue Ergebnis ist alles andere erfreulich der gelbe Hintergrund der vor her da war ist verschwnunden und alle Versuche diesen wieder her zu stellen scheidern bis her ob wohl nichts groß am Code geändert ist den wenn ich alles so einfüge wie vorher ist alles wie es sein muss

    HTML Code

    <!DOCTYPE html>
    <html lang="de">
    <head>
    <meta charset="utf-8">
    <title>Pierre Verley</title>
    <link rel="stylesheet" type="text/css" src="layout.css">
    
    </style></head>
    <body bgcolor="#FF9900" text="#0000CC">
    <div id="seitenbereich">
    
      <div id="kopf">
      <div class id="navi">
    <h1>Pierre Verley</h1>
    <h2>Meine persoenliche Homepge</h2>
    
    <header>
    <img src="ilm.jpg" height="145" width="1220">
    </header>
    <div><a href="pierre.htm">Pierre Verley</a></div> <div><a href="beruflich.html">Beruflich</a></div><div><a href="fernsehen.htm">Fernsehen</a></div><div><a href="sturm.html">Sturm der Liebe</a></div><div><a href="kontakt.htm">Kontakt</a></div><div><a href="impressum.html">Impressum</a></div>
        </div>
    
      </div>
    
    </div>
    
    
    
    </div>
    </body>
    </html>


    CSS Code
    .kopf div{
      margin: 0 auto;
      border: 50px;
      padding: 135px;
      width: 1220px;
      height: 150;
      background-color: yellow;
    }
    
    .navi div{
    float: left; 
    width: 150px;
    height: 22px;
    background: orange;
    color: white;
    margin: 2px;
    text-align: center;
    }


  • in: Mehr spaltiges Layout

    geschrieben von pierre-verley

    Vielen Dank für die Antwort

    hier mein bisheriger Code wo ich hoffe das dieser jetzt richtig ist, wenn die 100; ein Tipp fehler ist was muss dann dort stehen.

    Nun hier der Code

    <!DOCTYPE html>
    <html lang="de">
    <head>
    <meta charset="utf-8">
    <title>Pierre Verley</title>
    <style type="text/css">
    <!--


    #inhalte {
    margin: 22;
    border: 50;
    padding: 35px;
    withe: 100;
    height: 150;
    background-color:yellow;
    }

    .nav div{
    float: left;
    width: 150px;
    height: 22px;
    background: orange;
    color: white;
    margin: 2px;
    text-align: center;
    }

    -->
    </style>
    </head>
    <body bgcolor="#FF9900" text="#0000CC">
    <div id="seitenbereich">





    <div id="inhalte">
    <div class="nav">
    <h1>Pierre Verley</h1>
    <h2>Meine persoenliche Homepge</h2>
    <header>
    <img src="ilm.jpg" height="145" width="1220">
    </header>
    <div><a href="pierre.htm">Pierre Verley</a></div> <div><a href="beruflich.html">Beruflich</a></div><div><a href="fernsehen.htm">Fernsehen</a></div><div><a href="sturm.html">Sturm der Liebe</a></div><div><a href="kontakt.htm">Kontakt</a></div><div><a href="impressum.html">Impressum</a></div>
    </div>
    </div>

    </div>

    <div id="menue">

    </div>
    </body>
    </html>

    kann man auch den CSS Code auslagern in eine separate Datei Datei oder muss dieser mit in der HTML Datei stehen?

    Ich habe die Seite jetzt online zum ansehen unter folgenden Link http://pierre-verley.lima-city.de/beginn2.html

    Das Problem ist im Moment der Gelbe Hintergrund dieser ist der Inhalt und dieser soll der Grafik angelichen werden so das Links und Rechts ein Rand entsteht der obere Randabstand ist ok nur der andere der ist der, der nicht will wie ich
  • in: Mehr spaltiges Layout

    geschrieben von pierre-verley

    Hallo ich bin es wieder, ich komme nicht weiter, ich habe hin und her probiert aber es will einfach nicht wie ich will.

    Hier der Code

    <!DOCTYPE html>
    <html lang="de">
    <head>
    <meta charset="utf-8">
    <title>Pierre Verley</title>
    </head>
    <body bgcolor="#FF9900" text="#0000CC">
    <div id="seitenbereich">
    <style type="text/css">
    <!--


    #inhalte {
    margin: 22;
    border: 50;
    padding: 35px;
    withe: 100;
    height: 150;
    background-color:yellow;
    }

    .nav div{
    float: left;
    width: 150px;
    height: 22px;
    background: orange;
    color: white;
    margin: 2px;
    text-align: center;
    }

    -->
    </style>




    <div id="inhalte">
    <div class="nav">
    <h1>Pierre Verley</h1>
    <h2>Meine persoenliche Homepge</h2>
    <header>
    <img src="pierre.jpg">
    </header>
    <div><a href="pierre.htm">Pierre Verley</a></div> <div><a href="beruflich.html">Beruflich</a></div><div><a href="fernsehen.htm">Fernsehen</a></div><div><a href="sturm.html">Sturm der Liebe</a></div><div><a href="kontakt.htm">Kontakt</a></div><div><a href="impressum.html">Impressum</a></div>
    </div>
    </div>

    </div>

    <div id="menue">

    </div>
    </body>
    </html>
    <h2>Home</h2>
    <header>
    <img src="pierre.jpg">
    </header>
    <div><a href="pierre.htm">Pierre Verley</a></div><div><a href="dienstleistung.html">D & M</a></div><div><a href="thetribe.htm">The Tribe</a></div><div><a href="sturm.html">Sturm der Liebe</a></div><div><a href="kontakt.htm">Kontakt</a></div><div><a href="impressum.html">Impressum</a></div>
    </div>
    </body
    </html>

    Wie muss ich jetzt weiter machen ? es gibt ja noch 7 bis 12 Menüpunkte, das Bild zwischen Überschrift und Seitenmenü oder ?

    Ich habe dies gerade aus probiert nur die Links des Seitenmenüs verschwinden dabei wenn ich den Code <img src="bild.jpg"> und auf aktualisieren gehe was mach ich falsch?

  • in: Mehr spaltiges Layout

    geschrieben von pierre-verley

    Ok, ich habe das jetzt genauso angeordnet wie mir vorgegeben wurde

    <!DOCTYPE html>
    <html lang="de">
    <head>
    <meta charset="utf-8">
    <title>Pierre Verley | Home</title>
    </head>
    <body>
    <header>
    <nav>
    </nav>
    </header
    <aside>Seitenmenue</aside>
    <article>Inhalt</article>
    <footer>.....</footer>
    </body>
    </html>

    und jetzt muss ich sicherlich mit den Tags <ul></ul> und <li></li> bei navigation weiter machen um die Aufzählung der Seitenlinks (1 bis 5) zu erstellen.
  • in: Mehr spaltiges Layout

    geschrieben von pierre-verley

    Ok, also muss der folgende HTML Code so lauten

    <!DOCTYPE html>
    <html lang="de">
    <head>
    <meta charset="utf-8">
    <title>Mein Titel</title>
    </head>
    <body>
    <div id="navigation">
    </div>

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



    wäre das richtig ?

  • in: Mehr spaltiges Layout

    geschrieben von pierre-verley

    Sehr geehrte Community,

    seit einigen Tagen widme ich mich wieder verstärkt dem Thema HTML und CSS wo mit ich mein Layout erstellen möchte

    auf folgender Seite habe ich dieses online gestellt das unter folgender Adresse pierre-verley.lima-city.de/layout.htm zu finden ist.

    Meine Frage ist jetzt ist dies ein 1. Spaltiges oder ein 2 spaltiges Layout, des weiteren würde ich wissen wollen mit welchen HTML Tags und CSS ich dafür verwenden muss um das gewünschte Layout erstellen zu können.

    Würde mich sehr auf Antwort freuen.
  • in: Webseiten mit HTML und CSS

    geschrieben von pierre-verley

    Hallo

    Es geht um folgenden Abschnitt

    5.5 Style Sheets im HEAD notieren

    Das Festlegen der CSS - Eigenschaften im BODY oder Tags (genannt Inline - CSS) ist ja schön und gut, dem entsprechenden Element wird die entsprechende Eigenschaft (z.B. Schriftart) zugewiesen. Aber was ist, wenn du z.B. alle Überschriften deines Dokuments besonders gestalten möchtest? Ist ja sehr umständlich dies bei jeder Überschrift neu zu notieren! Bei 2 oder 3 wäre es ja noch OK, aber bei 50 oder 100? Hierfür gibt es eine bessere Methode, du notierst die Eigenschaften im HEAD, so werden bei Änderung zum Beispiel alle Absätze oder bestimmte Überschriften gleich anders gestaltet.

    Ich zeige das dir wieder an einem Beispiel namens "lern11.html". Kopiere bitte den Inhalt von "lern2.html" (siehe oben) in dieses Dokument. Es müsste dann so aussehen:

    [ Beispiel ] [ Screenshot ]

    <html>
    <head>
    <title>Überschriften, Absätze, Zeilenumbrüche, Aufzählungen ...</title>

    </head>
    <body>
    <h1> Eine SEHR große Überschrift</h1>
    <p>Ich bin ein <b>Absatz</b>. <i>Text</i> sollte immer in <u>Absätzen</u> stehen.<br>
    Ich bin eine Zeile tiefer.</p>
    <h2>Ich bin nicht ganz so wichtig</h2>
    <ul>
    <li>Ein Aufzählungspunkt</li>
    <li>Noch einer!!</li>
    </ul>
    </body>
    </html>

    Dieses Dokument eignet sich gut zum Gestalten, da viele verschiedene Tags vorkommen...

    OK, wo kommen die Anweisungen hin? Wie schon gesagt in den HEAD, am besten nach dem abgeschalteten </title> und vor </head>, also so:

    ... Aufzählungen ...</title>
    <style type="text/css">

    </style>
    </head>
    <body>
    <h1> Eine SEHR große ...

    Notiere den <style> - Tag (neu) dorthin und gib als Attribut type="text/css" an. Natürlich das Ausschalttag nicht vergessen!

    Jetzt sind wir so weit:

    ... <style type="text/css"> ...

    Setzte noch ein paar HTML - Kommentare (<!-- Kommentar -->). Sie dienen dazu, dass ältere Browser, die Style Sheets noch nicht kennen, die folgenden Anweisungen ignorieren:

    ... <style type="text/css">
    <!--
    CSS - Stilanweisungen
    -->
    </style>

    OK, das war jetzt recht viel Neues, aber zu kapieren gibt's da nicht viel - merke dir einfach diese Förmlichkeit!

    Nun können wir fröhlich mit unseren Anweisungen loslegen. Du kannst alle schon besprochenen Werte benutzen. Jetzt ändern wir einmal die Überschrift H1! Sie soll die Schriftgröße 20 Punkt bekommen. Schreibe dazu erstmal den Tag, h1:

    ... <!--
    H1
    --> ...

    Dahinter notierst du ein geschweiftes Klammerpaar {} , lasse am besten ein Leerzeichen hinter H1 Platz:

    H1 { }

    In die Klammern kommen die Attribute und Werte von CSS rein - du kennst ja schon einige. Wir legen wie versprochen die Schriftgröße 20 Punkt fest:

    H1 {
    Font-size: 20pt;

    Ich habe alles so ein gegeben wie es hier dargestellt ist wo ich einfach nicht weiter komme
  • in: Webseiten mit HTML und CSS

    geschrieben von pierre-verley

    Vielen Dank für die Antwort wäre es möglich mir ein Beispiel zunennen wie ich den Code schließen müsste?
  • in: Webseiten mit HTML und CSS

    geschrieben von pierre-verley

    Ok vielen Dank und wie? sorry wenn ich so blöd frage
  • in: Webseiten mit HTML und CSS

    geschrieben von pierre-verley

    Sehr geehrte Forum,

    Nutzer durch ein Projekt bin ich dabei wieder mich mit dem Thema HTML und CSS aus einander zusetzen und nun bin ich an einer Stelle angelangt wo ich nicht mehr weiter kommen.

    Der Knackpunkt ist die Formatierung mit CSS ich habe folgenden Code in den Editor eingegeben

    <html>
    <head>
    <title></titele>
    </head>
    <body>
    <h1>Eine SEHR große Überschrift</h1>
    <p>Ich biin ein <b>Absatz</b>. <i>Text</i> sollte immer in <u>Absätzen</u>stehen.<br>
    Ich bin eine Zeile tiefer.</p>
    <h2>Ich bin nicht ganz so wichtig<h2>
    <ul>
    <li>Ein Aufzählungspunkt</li>
    <li>Noch einer</li>
    </ul>
    </body>
    </html>

    Zwischen den Tags </title> und </head> habe ich folgenden Code hinzugefügt

    <style type="text/css">

    und hier ist genau das Problem wenn ich diesen Code <style type="text/css"> eingebe dann ist das Fenster leer und ohne diesen Code ist alles da

    jetzt meine Frage was ist verkehrt ?

    Ich würde mich sehr auf eine schnelle Antwort freuen.

    MfG
    pierre-verley
  • in: Hochladen von Bilder

    geschrieben von pierre-verley

    Vielen Dank für die Zahlreichen Antworten und Tipps, wenn ich mir die Seite aber auf meinen eigenen Computer anschaue dann werden alle Bilder in der Datei angezeigt nur nicht wenn ich die Datei hochlade.

    Desweiteren liegt möglicherweise der Grund darin das ich einige Bilder wieder gelöscht habe und nicht gleich hochgeladen habe.

    Ja das ist richtig es geht um die Datei innenansicht der Vogelvilla, wenn ich diese Datei auf meinen Computer werden alle Bilder angezeigt und die Bilder und home.htm oder html wurden bis zu einem löschvorgang meiner Seits werden daher nur teilweise angezeigt diese Bilder waren so genannt aussuch Bilder wo ich aus meinen Bildern welche ausgesucht habe die auf der home.htm oder html als Anregung angezeigt werden sollten aber da ich ja manche Bilder gelöscht habe die auch gleichzeitig auf der Seite von der innenansicht.htm oder html zur Verfügung standen
  • in: Hochladen von Bilder

    geschrieben von pierre-verley

    Halli Hallo,

    Ich habe heute eine HTML Seite erstellt auf der sowohl Text als auch Bilder sind, die Bilder sind sehr Zahlreich und, auf jeden Fall werden sie mir auf meinen Comupter auf Festplatte alle angezeigt aber als ich die Seite mit den Bildern hochgeladen habe fehlen einige

    siehe hier kann mir vielleicht jemand sagen voran dies liegen könnte ich würde mich sehr auf eine Antwort freuen.

  • in: Erweiterung des Menüs

    geschrieben von pierre-verley

    Hallo

    Seit längeren beschäftige ich mich schon mit dem Thema html und möchte nun gerne lernen ein Layout zu erstellen und möglichst mit html und css und würde mich freuen wenn mir jemand dabei helfen könnte.

    Im prinzip kann ich das Grundgerüst schon wo es halt fehlt ist bei der Erstellung eines Layouts

    Bei einem anderen Anbieter habe ich breits eine Fanpage zu einer ehemaligen Fernsehserie bvei dieser ich gerne das Menü erweitern möchte und hier bei möchte ich gerne um eure Hilfe bitten.

    Das ihr wisst was ich meine habe ich den Quelltext mit hier eingefügt.
    <html>
    <head>
    <title>CityNet-Online</title>
    <style type="text/css">
    table { width:100%; }
    td { border:1px solid #000; vertical-align:top; overflow:hidden; }
    </style>
    </head>
    
    <body bgcolor="#66B200" text="#000000" link="#000000" vlink="#000000" alink="#000000">
    <div id="header" style="inline; position:absolute; top:15px; width:900px">
    		<img src="Header.jpg" width="900" height="175" border="3">
    </div> 
    
    <div id="menu1" style="inline; position:absolute; background-color:#FFFFFF; border:solid 3px black; top:200px; width:300px; z-index:3">
    <span style="font-size:1.5em; margin-left: 100"><a href="Homepage.html">Homepage</a></span>
    </div>
    
    <div id="menu2" style="inline; position:absolute; background-color:#FFFFFF; border:solid 3px black;top:200px; width:600px; z-index:2">
    <span style="font-size:1.5em; margin-left: 400"><a href="TheTribe.html">TheTribe</a></span></div>
    
    <div id="menu3" style="inline; position:absolute; background-color:#FFFFFF; border:solid 3px black; top:200px; width:904px; z-index:1">
    <span style="font-size:1.5em; margin-left: 700"><a href="http://www.1atools.eu/services/gallery/index.php?id=665">Gallery</a></span>
    </div>
    
    <div id="contents" style="inline; position:absolute; top:240px; width:900px; height:400px"> 
    <iframe name=content src="wasistthetribe.html" style="inline; position:absolute; width:900px; height:400px">
    </iframe>
    </div>
    <div id="footer" style="inline; position:absolute; top:640px; width:904px; height:10px" border:#FFFFFF"> 
    <table border="2" bordercolor="#000000" bgcolor="#FFFFFF" style="position:absolute; top=10; width=904">
    <tr><td>
    <center>
    Copyright© CityNet-Online - © Cloud9 (The Tribe) Ltd./Tribeworld.com  - <a href="Impressum.htm">Kontakt und Impressum</a> 
    </center>
    </td></tr>
    </table>
    </div>
    </body>
    </html>

    Wie man sehen kann besteht das Menü aus drei kategorien aber ich möchte dieses Menü gerne mit 2 weiteren Menü erweitern und wollte euch fragen wie man das machen kann.

Login zum Webhosting ohne Werbung!