Ergebnis 1 bis 2 von 2

Thema: div wird von shoutbox überschrieben

  1. #1
    Shogun Avatar von DarkSyranus
    Registriert seit
    28.03.2006
    Ort
    ::1/128
    Alter
    25
    Beiträge
    3.446
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard div wird von shoutbox überschrieben

    moin
    kann mir jemand sagen, warum das div von der shoutbox überschrieben wird?
    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
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Da war etwas zuviel div-Suppe drin. Hab mal jetzt einiges umgebaut (bitte mach dir vor Änderung eine Sicherungskopie):

    CSS:
    .sbox wie folgt überschreiben:
    Code:
         #sboxcomplete
          { border: solid 5px;
            border-color: #ccc #999 #888 #666;
            margin: 5px;
            padding: 5px;
            width:730px;
            float:left;
          }
    * html div#sboxcomplete {
        height: 1px;  /* Workaround gegen den Pixel-Bug des Internet Explorers */
        width:750px;
    
      }
          #sbox {
            float: left;
            margin-right:10px;
            text-align:center;
          }
    HTML (nach Ende Java-Script):

    Code:
    <div id="sboxcomplete">
    
    <div id="sbox">
    
    DarksShoutbox
    
    <form name='postshout' method='post' action='index.php?action=post'>
    <input id='name' class='textbox' name='name' type='text' value='Name' onFocus="stoptmr&#40;&#41;" onBlur="checkrname&#40;&#41;;">
    
    
    <div id='passwordfield' style='display&#58;none'><input class='textbox' name='pass' id='pass' type='password' value='' onBlur="if&#40;this.value != ''&#41;&#123;document.getElementById&#40;'shout'&#41;.focus&#40;&#41;;document.getElementById&#40;'shout'&#41;.select&#40;&#41;;&#125;" onFocus="stoptmr&#40;&#41;" />
    
    </div>
    
    <textarea id='shout' class=textbox name='shout' rows='5' onFocus="stoptmr&#40;&#41;">Shout!</textarea>
    
    
    <div id='buttons'><input class=textbox type='submit' id='post' name='post' onFocus="this.select&#40;&#41;;" value='Post' onclick='return CheckForm&#40;&#41;;'>
    <input class=textbox type=button value='Refresh' onClick="reload&#40;&#41;">
    
    Help
    </div>
    
    </div>
    
    <div id='row-two' title="Posted September 7, 2006 @ 9&#58;06 PM"><span style='color&#58;  !important;' class='name'>Max&#58;</span> moinmoin, wollt nur mal schauen wie es mit deiner shoutbox voran geht !!</div>
    
    <div id='moreshouts' style='display&#58;none'></div>
    
    <div id='bottomlinks'>
    </div>
    
    
    </div>
    <div id="footer">
    </div>
      </body>
    
    </html>
    Falls der Rahmen nicht die Shoutbox umfassen soll, dann lass ihn bei sboxcomplete weg und definiere für den Text einen zusätzlichen Container mit Rahmen, den du dann in sboxcomlete reinsetzt.

    Viel Erfolg!

Ähnliche Themen

  1. Shoutbox
    Von gelöschter User im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 07.01.2008, 15:45
  2. Shoutbox
    Von WWKiller im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 30.10.2007, 21:31
  3. Shoutbox einbauen
    Von wugstyla im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 09.04.2006, 17:20
  4. Shoutbox?
    Von Tony im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 28.11.2005, 18:14
  5. shoutbox
    Von sYco im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 13.07.2004, 14:44

Stichworte

Berechtigungen

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