kostenloser Webspace werbefrei: lima-city


Suche auf lima-city

  • in: Problem mit Positionierung

    geschrieben von seppuku0109

    DANKE!

    Funktioniert genau so wie es soll. Und die Lösung wie immer zu einfach um von selber drauf zu kommen :biggrin:
  • in: Problem mit Positionierung

    geschrieben von seppuku0109

    Soweit alles richtig, was du schreibst. Aber wenn ich es so mache, dann sind die Links zwar richtig angeordnet, aber dann funtioniert gerade das nicht, was ich bezwecken will.
    Die Links sind nicht ganz so hoch wie es der Container des Menüs ist. Deswegen sind sie normalerweise am oberen Rand des Containers und zwischen den Links und dem Content ist dann eine Lücke. Die Links sind deswegen nicht so hoch wie der Container, da sie bei "hoover" einen Rand unten bekommen und dann den Container in der höhe ausfüllen. Ich möchte sie aber die ganze Zeit am unteren Rand positioniert. Mit Position absolute/relative hab ich das auch hinbekommen, aber es schiebt halt einfach die Links übereinander, anstatt sie nebeneinander bleiben.
  • in: Problem mit Positionierung

    geschrieben von seppuku0109

    Ansatz mit den DIV ist ne überlegung wert, aber trifft nicht ganz mein Problem.

    Das Menu soll nicht nach unten. Der DIV "menu" ist zwischen Header und Content. Nur die einzelnen Menüpunkte sollen am unteren Rand des "menu" DIV positioniert werden. Das Menu ist 30px hoch, die Links normal nur 25px. Geht man aber mit der Maus darüber fahren sie quasi noch 5px nach oben aus. Ich hab auch mal das ganze hochgeladen und hoffe ihr versteht wie ich es meine.

    http://seppuku0109.lima-city.de/steel/

    Zu sehen ist nur "Link 2", da er direkt über "Link 1" ist. Nochmal zur Fragestellung: Wie bekomme ich die Menüpunkte nebeneinander statt übereinander, aber am unteren Rand positioniert.

    Wenn ich folgende Punkte weglasse, dann sind die Links zwar richtig angeordnet, aber am oberen Rand des Menu und nicht unten positioniert.
    #menu {
      position: relative;
    }
    #menu li {
      position: absolute;
      bottom: 0;
    }


    Danke schonmal für Lösungsvorschläge/-ansätze
  • in: Problem mit Positionierung

    geschrieben von seppuku0109

    Hallo Leute

    Ich habe ein Problem, bei dem Entwurf eines neuen Webdesigns.
    Es geht um das Menü der Seite.

    Es ist folgendermaßen aufgebaut:
    <div id="menu">
      <ul>
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
      </ul>
    </div>

    Das CSS dazu sieht wie folgt aus:
    /******MENU******/
    
    #menu {
      position: relative;
      width: 800px;
      height: 30px;
      background-image: url(./img/menubg.png);
    }
    #menu ul {
      list-style: none;
      padding: 0px;
      margin: 0px;
    }
    #menu li {
      position: absolute;
      bottom: 0;
      left: auto;
      float: left;
      margin: 0px 10px 0px 10px;
      background: #ccc;
      padding: 0px;
    }
    #menu a {
      display: block;
      text-decoration: none;
      color: #000;
      font-weight: bold;
      height: 25px;
      padding: 0px 15px 0px 15px;
      line-height: 25px;
      vertical-align: middle;
      font-size: 1.5em;
    }
    #menu a:hover {
      border-bottom: 5px solid #f00;
    }


    Das Problem ist nun folgendes: Ich habe mit "relative/absolute" die Menüpunkte wie gewollt an den unteren Rand. Geplant ist es so, dass die Menüpunkte Horizontal nebeneinander sind, deswegen "float: left;" für <li>
    Allerdings werden wenn ich mehrere Menüpunkte (Link 1, Link2, usw.) habe alle übereinander gestapelt, anstatt nebeneinander dargestellt.

    Ich bin nicht allzu erfahren und habe keine Ahnung wie ich das beheben könnte. Ich würde mich freuen, wenn ihr mir helfen könntet.
    Wenns hilft und ihr euch das ganze dann besser vorstellen könnt, lade ich es auch mal auf den Webspace.

    Danke für Hilfe
    Gruß

Login zum Webhosting ohne Werbung!