kostenloser Webspace werbefrei: lima-city


Login einbauen in die rechte Seite

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    s******2

    Hallo,

    ich brauche hilfe Ich Verzweifle Ich will ein Login einbauen das Login hab ich schon mein Problem ist das Login soll in die rechte Seite ich hab kein Ahnung wie das geht.?:mad:

    Könnt ihr mir bitte helfen.:wave:

    <!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>Skyvalley</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>
    <div id="bg">
      <div id="b">
        <div id="wrap">
          <div id="header">
            <ul id="nav">
              <li ><a href="#">HOME</a></li>
              <li ><a href="#">PORTOFOLIO</a></li>
              <li ><a href="#">BLOG</a></li>
              <li><a href="#">CONTACT</a></li>
            </ul>
          </div>
          <!-- /header -->
          <div id="content">
            <div class="side fr">
              <div id="bm">
                <h2><img src="images/menu.jpg" alt="Extra Menu" /></h2>
                <ul class="meun">
                  <li class="grey"><a href="#">Vestibulum bibendum</a></li>
                  <li><a href="#">Maecenas egestas</a></li>
                  <li class="grey"><a href="#">volutpat  ante</a></li>
                  <li><a href="#">Curabitur rhoncus</a></li>
                  <li class="grey"><a href="#">Nulla fringilla</a></li>
                  <li><a href="#">Integer euismod</a></li>
                  <li class="grey"><a href="#">Aenean viverra</a></li>
                </ul>
              </div>
            </div>
            <div class="main fl">
              <div class="text">
                <h2>Free CSS Templates</h2>
                <p> Skyvalley is a CSS template that is free and fully standards compliant. Free CSS templates designed this template. <br/>
                  <br/>
                  This template is allowed for all uses, including commercial use, as it is released under the Creative Commons Attributions 2.5 license. The only stipulation to the use of this free template is that the links appearing in the footer remain intact. Beyond that, simply enjoy and have fun with it!</p>
              </div>
              <div class="text">
                <h2>Our Services</h2>
                <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis porttitor odio. Etiam lacinia viverra ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin tincidunt. Aliquam eros eros, imperdiet vitae, volutpat id, semper sed, lorem. Praesent ullamcorper quam eget dolor. Suspendisse potenti. Proin et nunc ac metus adipiscing pretium. Phasellus eu erat. Curabitur nisl tortor, ornare nec, dictum at, vehicula eu, arcu. Ut nec est. Sed rutrum lacinia nisl. Duis at tellus. Quisque dignissim sodales odio. Quisque quam. Pellentesque tortor. Proin dictum.</p>
              </div>
            </div>
            <!-- /content -->
          </div>
          <div class="clearfix"></div>
          <div id="footer">
            <div id="ftinner">
              <div class="ftlink fl">
                <p id="copyright">© 2008. All Rights Reserved. <br/>
                  Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.openwebdesign.org/">pro web design</a></p>
              </div>
            </div>
          </div>
          <!-- /footer -->
        </div>
      </div>
    </div>
    </body>
    </html>


    :thumb:
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. m******e

    spiele22 schrieb:
    Hallo,

    ich brauche hilfe Ich Verzweifle Ich will ein Login einbauen das Login hab ich schon mein Problem ist das Login soll in die rechte Seite ich hab kein Ahnung wie das geht.?:mad:

    Könnt ihr mir bitte helfen.:wave:

    <!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>Skyvalley</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    </head>
    <body>
    <div id="bg">
      <div id="b">
        <div id="wrap">
          <div id="header">
            <ul id="nav">
              <li ><a href="#">HOME</a></li>
              <li ><a href="#">PORTOFOLIO</a></li>
              <li ><a href="#">BLOG</a></li>
              <li><a href="#">CONTACT</a></li>
            </ul>
          </div>
          <!-- /header -->
          <div id="content">
            <div class="side fr">
              <div id="bm">
                <h2><img src="images/menu.jpg" alt="Extra Menu" /></h2>
                <ul class="meun">
                  <li class="grey"><a href="#">Vestibulum bibendum</a></li>
                  <li><a href="#">Maecenas egestas</a></li>
                  <li class="grey"><a href="#">volutpat  ante</a></li>
                  <li><a href="#">Curabitur rhoncus</a></li>
                  <li class="grey"><a href="#">Nulla fringilla</a></li>
                  <li><a href="#">Integer euismod</a></li>
                  <li class="grey"><a href="#">Aenean viverra</a></li>
                </ul>
              </div>
            </div>
            <div class="main fl">
              <div class="text">
                <h2>Free CSS Templates</h2>
                <p> Skyvalley is a CSS template that is free and fully standards compliant. Free CSS templates designed this template. <br/>
                  <br/>
                  This template is allowed for all uses, including commercial use, as it is released under the Creative Commons Attributions 2.5 license. The only stipulation to the use of this free template is that the links appearing in the footer remain intact. Beyond that, simply enjoy and have fun with it!</p>
              </div>
              <div class="text">
                <h2>Our Services</h2>
                <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis porttitor odio. Etiam lacinia viverra ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin tincidunt. Aliquam eros eros, imperdiet vitae, volutpat id, semper sed, lorem. Praesent ullamcorper quam eget dolor. Suspendisse potenti. Proin et nunc ac metus adipiscing pretium. Phasellus eu erat. Curabitur nisl tortor, ornare nec, dictum at, vehicula eu, arcu. Ut nec est. Sed rutrum lacinia nisl. Duis at tellus. Quisque dignissim sodales odio. Quisque quam. Pellentesque tortor. Proin dictum.</p>
              </div>
            </div>
            <!-- /content -->
          </div>
          <div class="clearfix"></div>
          <div id="footer">
            <div id="ftinner">
              <div class="ftlink fl">
                <p id="copyright">© 2008. All Rights Reserved. <br/>
                  Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.openwebdesign.org/">pro web design</a></p>
              </div>
            </div>
          </div>
          <!-- /footer -->
        </div>
      </div>
    </div>
    </body>
    </html>
    Gibt es irgendwo im weltweiten Internet vielleicht ne von Dir angelegte Testseite, damit sich für eventuell helfende Zeitverbrater alles etwas schneller nachvollziehen lässt?

    Sonst würde ich Dir die Erweiterung Firebug für Firefox ans Herzchen legen - so kommste Deinem Problemchen auch ein Schrittchen näher.

    :wink:
  4. Das hättest du mit Firebug oder ähnlichen Developer Tools in weniger Zeit herausbekommen können, als es gedauert hat hier diese Frage zu posten :wink:

    Innerhalb des div class="side fr"

    Also etwa so

    ...
    <div class="side fr">
      <form>
        <label>User:</label>
        <input type="text">
        ......
     </form>
    
      <div id="bm">
      <h2><img src="images/menu.jpg" alt="Extra Menu" /></h2>
    ....
  5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!