Ergebnis 1 bis 3 von 3

Thema: Bezugspunkt bzw position ändern

  1. #1
    Otti
    Gast

    Frage Bezugspunkt bzw position ändern

    Guten nabend zusammen

    habe mal wieder mit einem Code ein problem.
    wie bekomme ich denn wohl das ausgabe textfeld mittig zu dem informationbutton???
    leider ist der bezugspunkt immer die rechte seite des informationsbutton...
    wiederrum muss der wert: "position:absolute;" vorhanden bleiben...
    habe versucht den wert "right:" zuveröndern in "center;" "auto;" aber leider klappt es nicht
    oder geht es garnicht???

    So hier der CODE

    <html>
    <head>
    <title>Testseite</title>
    <style type="text/css">
    <!--
    body {
    margin-top:130px;
    }

    #box {
    colorrange;
    background-color:#ffffff;
    border-top:2px solid #ffffff;
    border-right:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
    border-left:2px solid #ffffff;
    width:70px;
    }

    #box a {
    colorrange;
    font:14px courier, sans-serif;
    text-decoration:none;
    background-color:#000000;
    display:block;
    border-top:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    text-align:center;
    }

    #box a:visited {
    colorrange;
    background-color:#000000;
    }

    #box a:hover {
    color:#ffffff;
    text-decoration:none;
    background-color:#000000;
    border-top:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    }

    #box a:active {
    colorrange;
    background-color:#000000;
    }

    #box a .info {
    display:none;
    }

    #box a:hover .info {
    color:white;
    background:#000000;
    font:14px courier,sans-serif;
    display:block;
    position:absolute;
    top:80px;
    right:auto;
    padding:5px;
    width:695px;
    text-align:center;
    border-top:2px solid #ffffff;
    border-right:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
    border-left:2px solid #ffffff;
    }
    -->
    </style>

    </head>
    <body>
    <div align="center">
    <div id="box">
    <a href="#">Information<span class="info">Hier Infos</span></a>
    </div>

    </body>

    </html>


    Wäre schön wenn jemand eine lösung hat.

    MFG
    Otti
    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
    König(in) Avatar von Grevas
    Registriert seit
    20.04.2009
    Ort
    In meiner Wohnung.
    Alter
    30
    Beiträge
    1.039
    Danke
    0
    Bekam 5 mal "Danke" in 5 Postings

    Standard AW: Bezugspunkt bzw position ändern

    HTML-Code:
    #box a:hover .info {
    color:white;
    background:#000000;
    font:14px courier,sans-serif;
    display:block;
    position:absolute;
    top:80px;
    left: 50%; /* put left side of the container to center of the document */
    padding:5px;
    width:695px;
    margin-left: -347px; /* margin-left: width / 2; ~ moving the midpoint of the container to the middle of the document*/
    text-align:center;
    border-top:2px solid #ffffff;
    border-right:2px solid #ffffff;
    border-bottom:2px solid #ffffff;
    border-left:2px solid #ffffff;
    }
    Geändert von Grevas (21.09.2010 um 21:39 Uhr)

  3. #3
    Otti
    Gast

    Daumen hoch AW: Bezugspunkt bzw position ändern

    Vielen Dank, genau so meinte ich es....

    MFG
    Otti

Ähnliche Themen

  1. position
    Von _tim im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 24.03.2008, 09:51
  2. Wie kann ich die Position der Scrollbank ändern
    Von Gast im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 28.04.2006, 13:32
  3. Position von iframe ändern?
    Von Ivanman im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 06.06.2005, 14:00
  4. Position
    Von Sicarius im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 04.05.2005, 21:50
  5. Position von swf bei loadmovie??
    Von Stefan! im Forum Flash Forum
    Antworten: 0
    Letzter Beitrag: 21.01.2005, 17:09

Stichworte

Berechtigungen

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