Ergebnis 1 bis 3 von 3

Thema: seite für viele auflösungen

  1. #1
    Unregistriert
    Gast

    Standard seite für viele auflösungen

    Hallo alle zusammen



    ich habe im mom folgende html datei:



    Code:
    <div style="position:absolute; z-index:2; font-size:26px; color:#06F; font-weight:bold; font-style:italic; top:6%; left:7%">

    Daten eintragen</div>

    <div style="position:absolute; z-index:1; left:6%"><img align="middle" src="titel_eintragen.png" width="509" height="78" /></div>



    <div style="position:absolute; border:dotted #999 1px; padding: 5%; left:7%; top:22%;">

    <form action="int_eintragen.php" method="post">



    <!-- ÜBERSCHRIFTEN -->

    <table width="780" cellspacing="4">

    <tr align="center">

    <td width="70"></td>

    <td width="120" style="color:#666; font-size:14px; font-weight:bold;">Bemerkung I</td>

    <td width="120" style="color:#666; font-size:14px; font-weight:bold;">Bemerkung II</td>

    <td width="120" style="color:#666; font-size:14px; font-weight:bold;">Bemerkung III</td>

    <td width="114" style="color:#666; font-size:14px; font-weight:bold;">Bemerkung IV</td>

    </tr>



    <!-- MONTAG -->

    <tr>

    <td align="right" style="color:#666; font-size:14px; font-weight:bold;">Montag</td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num1_1" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data1_1" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num1_2" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data1_2" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num1_3" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data1_3" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num1_4" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data1_4" size="11" maxlength="100" /></td>

    </tr>



    <!-- DIENSTAG -->

    <tr>

    <td align="right" style="color:#666; font-size:14px; font-weight:bold;">Dienstag</td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num2_1" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data2_1" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num2_2" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data2_2" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num2_3" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data2_3" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num2_4" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data2_4" size="11" maxlength="100" /></td>

    </tr>



    <!-- MITTWOCH -->

    <tr>

    <td align="right" style="color:#666; font-size:14px; font-weight:bold;">Mittwoch</td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num3_1" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data3_1" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num3_2" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data3_2" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num3_3" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data3_3" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num3_4" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data3_4" size="11" maxlength="100" /></td>

    </tr>



    <!-- DONNERSTAG -->

    <tr>

    <td align="right" style="color:#666; font-size:14px; font-weight:bold;">Donnerstag</td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num4_1" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data4_1" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num4_2" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data4_2" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num4_3" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data4_3" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num4_4" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data4_4" size="11" maxlength="100" /></td>

    </tr>



    <!-- FREITAG -->

    <tr>

    <td align="right" style="color:#666; font-size:14px; font-weight:bold;">Freitag</td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num5_1" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data5_1" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num5_2" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data5_2" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num5_3" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data5_3" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num5_4" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data5_4" size="11" maxlength="100" /></td>

    </tr>



    <!-- SAMSTAG -->

    <tr>

    <td align="right" style="color:#666; font-size:14px; font-weight:bold;">Samstag</td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num6_1" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data6_1" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num6_2" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data6_2" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num6_3" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data6_3" size="11" maxlength="100" /></td>

    <td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num6_4" size="2" maxlength="100" />&nbsp;<input style="color:#666; font-size:14px; text-align:center" type="text" name="data6_4" size="11" maxlength="100" /></td>

    </tr>

    </table>





    <!-- ABTEILUNG & KALENDERWOCHE -->

    <div style="position:absolute; top:-7.5%; left:75%">

    <select style="color:#666; font-size:14px; text-align:center" name="abteilung" size="1">

    <option>bbk</option>

    <option>Abteilung 2</option>

    <option>Abteilung 3</option>

    <option>Abteilung 4</option>

    <option>Abteilung 5</option>

    </select>

    <input style="color:#666; font-size:14px; text-align:center" type="text" name="kw" size="13" maxlength="10"

    value="Kalenderwoche" onclick="if(this.value && this.value==this.defaultValue)this.value=''" />

    </div>





    <!-- BUTTONS -->

    <a href="int_eintragen.php" style="text-decoration:none;"><div style="position:absolute; top:-8%; left:0%; background-image:url(tab.png); width:109px; height:23px; z-index:5; color:#666; font-size:14px; text-align:center; padding-top:0.3%;">Daten eintragen</div></a>

    <a href="int_aendern.php" style="text-decoration:none;"><div style="position:absolute; top:-8%; left:13%; background-image:url(tab.png); width:109px; height:23px; z-index:5; color:#666; font-size:14px; text-align:center; padding-top:0.3%;">Daten ändern</div></a>

    <a href="int_ausgeben.php" style="text-decoration:none;"><div style="position:absolute; top:-8%; left:26%; background-image:url(tab.png); width:109px; height:23px; z-index:5; color:#666; font-size:14px; text-align:center; padding-top:0.3%;">Daten ausgeben</div></a>

    <div style="position:absolute; left: 85%; top: 96%;"><input type="submit" value="Eintragen" /></div>

    </form>

    </div>






    mein problem ist das es sich je nach auflösung von den position verändert und dann nicht mehr schön aussieht.







    sprich der bereich "Daten eintragen, ändern und ausgeben" so wie das dropdown bbk mit kalenderwoch sollen so am border sein das sie aussehen wie reiterkarten. kann man da was machen das sich die ganzen elemente nicht immer verschieben wenn sich die auflösung ändert. sprich es soll einheitlich sein.



    schon mal vielen dank.



    P.S. habe nicht viel ahnung von HTML
    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
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: seite für viele auflösungen

    ich würd ne feste breite nehmen. dann kannst alles danach ausrichten.
    anschließend die seite zentrieren - schon hast kein problem mehr...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: seite für viele auflösungen

    Lass dann ferner noch die absoluten Positionierungen weg. Die heißen so, weil sie in den meisten Fällen "absolut unnötig" sind.
    Anordnungen kannst du einfacher über float und margin lösen.

Ähnliche Themen

  1. PHP und Mysql und viele viele ???????????
    Von Izelion im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 24
    Letzter Beitrag: 17.04.2009, 16:37
  2. Seite mit 3 Auflösungen anbieten
    Von morku im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 7
    Letzter Beitrag: 28.03.2007, 14:26
  3. Seite für mehrere Auflösungen
    Von Phoeby99 im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 19.07.2005, 23:09
  4. Seite funzt net in allen Auflösungen richtig!
    Von AAP im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 09.07.2005, 17:35
  5. auflösungen...
    Von jonas im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 05.05.2005, 17:42

Stichworte

Berechtigungen

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