Seite 1 von 4 1234 LetzteLetzte
Ergebnis 1 bis 10 von 34

Thema: Verbesserungsvorschläge? ||| Klappbare Blueboxes?

  1. #1
    Illuminu
    Gast

    Standard Verbesserungsvorschläge? ||| Klappbare Blueboxes?

    Hallo, ich hätte gerne für folgenden Code Verbesserungsvorschläge (wie man es kürzer/leichter/besser machen kann).

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Unbenanntes Dokument</title>
    <style type="text/css">
    body &#123;
    background-color&#58; #efebde
    &#125;
    
    legend &#123;
    font-size&#58; 13px;
    font-weight&#58; bold;
    color&#58; #0000FF;
    &#125;
    
    .regis &#123;
    font-size&#58; 12px;
    position&#58; relative;
    display&#58;inline;
    &#125;
    
    .test &#123;
    background-color&#58; #f7f3ef;
    position&#58; relative;
    border&#58; 1px solid;
    float&#58; left;
    padding-left&#58;4px;
    padding-right&#58;4px;
    margin-right&#58; 5px;
    font-family&#58; Arial;
    &#125;
    
    .test2 &#123;
    position&#58; relative;
    border&#58; 1px solid;
    margin&#58; 2px;
    &#125;
    
    .big &#123;
    position&#58; absolute;
    border&#58;1.5px solid;
    heigth&#58;800px;
    width&#58;800px;
    top&#58; 25px;
    padding&#58;0;
    margin&#58;0;
    font-family&#58; Arial;
    font-size&#58; 12px;
    background-color&#58; #fff;
    &#125;
    
    .big1 &#123;
    position&#58; relative;
    float&#58;left;
    width&#58;400px;
    padding&#58;0;
    margin&#58;0;
    &#125;
    
    .big2 &#123;
    position&#58; relative;
    float&#58;left;
    width&#58;400px;
    padding&#58;0;
    margin&#58;0;
    &#125;
    
    .bez &#123;
    position&#58; relative;
    width&#58; 200px;
    &#125;
    
    .sel &#123;
    width&#58; 100px;
    &#125;
    
    .sel2 &#123;
    width&#58; 200px;
    &#125;
    
    .buttons &#123;
    position&#58; absolute;
    top&#58; 465px;
    left&#58; 575px;
    &#125;
    
    </style>
    </head>
    
    <body>
    
    <div class="regis">
        <div class="test">Artikeldaten</div>
        <div class="test">Beschreibung</div>
        <div class="test">Warengruppen</div>
        <div class="test">Lieferanten</div>
        <div class="test">Anhänge</div>
        <div class="test">Bilder</div>
        <div class="test">Varianten</div>
        <div class="test">Gruppenpreise</div>
        <div class="test">Zubehör</div>
        <div class="test">Eigenschaften</div>
    </div>
    
    <div class="big">
        <div class="big1">
            
    
    </p>
            <fieldset>
                <legend>Daten</legend>
                
                Hauptdaten
                
                
    
    <label>Name<label style="margin-left&#58;65px;">&#58;</label>
                    <input type="text" size="30" maxlength="30">
                </label></p>
                
                
    
    <label>Artikelnr<label style="margin-left&#58;55px;">&#58;</label>
                    <input type="text" size="30" maxlength="30">
                </label></p>
        
                
    
    <label>MwSt<label style="margin-left&#58;70px;">&#58;</label>
                    <select class="sel">
                        <option selected>19%</option>
                        <option>7%</option>
                    </select>
                </label></p>
    
                
    
    <label>Mengeneinheit<label style="margin-left&#58;18px;">&#58;</label>
                    <select class="sel">
                        <option selected>Stück</option>
                        <option></option>
                    </select>
                </label></p>
    
                
    
    <label>Währung<label style="margin-left&#58;49px;">&#58;</label>
                    <select class="sel">
                        <option selected>EURO</option>
                        <option></option>
                    </select>
                </label></p>
    
                
    
    </p>
    
                
    
    <label>
     Standard-Preis<label style="margin-left&#58;55px">Netto</label> <label style="margin-left&#58;45px">Brutto</label>
                </label></p>
    
                
    
    <label>Preis<label style="margin-left&#58;70px;">&#58;</label>
                    <input name="Netto" type="text" size="10" maxlength="15">
                    <input name="Brutto" type="text" size="10" maxlength="15">
                </label></p>
    
                
    
    <label>Preis-UVP<label style="margin-left&#58;42px;">&#58;</label>
                    <input name="Netto2" type="text" size="10" maxlength="15">
                    <input name="Brutto2" type="text" size="10" maxlength="15">
                </label></p>
                
                
    
    </p>
                
    
    <div>Gewicht</label></p>
    
                
    
    <label>Gewicht<label style="margin-left&#58;55px;">&#58;</label>
                    <input type="text" size="12" maxlength="30">
                </label></p>
    
                
    
    <label>Gewichtseinheit<label style="margin-left&#58;11px;">&#58;</label>  
                    <select class="sel">
                        <option selected></option>
                        <option>Liter</option>
                        <option>Kilogramm</option>
                        <option>Gramm</option>
                        <option>Tonnen</option>
                        <option>Zentner</option>
                        <option>Pfund</option>
                    </select>
                </label></p>
                
    
    </p>
                
    
    </p>
            </fieldset>
        </div>
    
            <div class="big2">
                
    
    </p>
                <fieldset>
                    <legend>Daten</legend>
                    <div>Kennzeichen</div>
                    
    
    <label>Status<label style="margin-left&#58;80px;">&#58;</label>
                        <select class="sel2">
                            <option selected>Verfügbar</selected>
                            <option>Zur Zeit nicht lieferbar</option>
                        </select>
                    </label></p>
    
                    
    
    <label>Kategorie<label style="margin-left&#58;62px;">&#58;</label>
                        <select class="sel2">
                            <option selected>Bärwurz</option>
                            <option>Blutwurz</option>
                            <option>  Bärwurz UK</option>
                            <option>    BW UK</option>
                        </select>
                    </label></p>
    
                    
    
    <label>Hersteller<label style="margin-left&#58;61px;">&#58;</label>
                        <select class="sel2">
                            <option selected> </option>
                            <option></option>
                        </select>
                    </label></p>
    
     
    
    <label>Positions-Nr<label style="margin-left&#58;46px;">&#58;</label> <input type="text" size="12" maxlength="30"></label></p>
                    
    
    </p>
                    
    
    <label>Bild-Positionierung</label></p>
    
                    <div>PositionListe<label style="margin-left&#58;43px;">&#58;</label>
                        <select class="sel2">
                            <option selected>Bild-links</option>
                        </select>
                    </label></p>
    
                    
    
    <label>PositionDetail<label style="margin-left&#58;38px;">&#58;</label>
                        <select class="sel2">
                            <option selected>Bild-links<option>
                        </select>
                    </label></p>
                    
    
    </p>
                    
    
    <label>Lager</label></p>
                    
    
    <label>Lagerüberwachung<label style="margin-left&#58;8px;">&#58;</label>
     <input type="radio" name="Janein" value="Ja">Ja<input type="radio" name="Janein" value="Nein">Nein</label></p>
     
    
    <label>Bestand<label style="margin-left&#58;69px;">&#58;</label> <input type="text" size="11" maxlength="30"></label></p>
     
    
    <label>Warnung<label style="margin-left&#58;65px;">&#58;</label> <input type="text" size="11" maxlength="30"></label></p>
                </fieldset>
            </div>
        </div>
    <div class="buttons"><input type="button" value="Ok">
    <input type="button" value="Abbrechen">
    <input type="button" value="Übernehmen"></div>
    </body>
    </html>
    Außerdem wurde mir gesagt, dass man auf- und zuklappbare Blueboxes (Fieldsets?) erstellen kann (mit runden Ecken?). wär cool wenn ihr mir da weiterhelfen könntet.

    MfG,

    Illu
    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) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard

    Code:
    <div class="regis"> 
        <div class="test">Artikeldaten</div> 
        <div class="test">Beschreibung</div> 
        <div class="test">Warengruppen</div> 
        <div class="test">Lieferanten</div> 
        <div class="test">Anhänge</div> 
        <div class="test">Bilder</div> 
        <div class="test">Varianten</div> 
        <div class="test">Gruppenpreise</div> 
        <div class="test">Zubehör</div> 
        <div class="test">Eigenschaften</div> 
    </div>
    Diese Div-Suppe ist völlig überflüssig. Für Aufzählungen sollte man auch die dafür vorgesehenen Tags benutzen.

    Code:
                
    
    </p> 
                
    
    </p>
    Was willste damit erreichen? Abstände formatiert man mit CSS.

    P.S.: Warum postest Du kein Lin zu der Seite? Sollen wir das Beispiel alle auf unseren eigenen Webspace legen?

  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

    Nur mal ein paar Dinge, die mir auf den ersten Blick auffallen:
    Code:
    position&#58; relative;
    Das kannst du überall rauslöschen. Ist unnötig, da keine top/left-Zusatzangaben vorhanden.

    Code:
    font-family&#58; Arial;
    Einmal in den Body schreiben und sonst überall löschen.

    Code:
    heigth&#58;800px;
    muss lauten height

    Für die Navi musst du nicht für jeden Link (fehlt noch) einen eigenen div verwenden und eine Klasse angeben.
    Nimm dafür besser das Listenformat: http://css.maxdesign.com.au/listamatic/

    Code:
    <div>Gewicht</label></p>
    Welche Bedeutung soll hier der div haben? Ein label wird geschlossen, ohne dass es vorher geöffnet war. Solche dinge kommen noch häufiger vor.

    Code:
    </p>
    Wozu ein Absatz ohne Inhalt?

    Lass am besten deine Seite mal hier validieren und bereinige die angezeigten Fehler.

  4. #4
    Illuminu
    Gast

    Standard

    weil ich die site nicht online liegen hab gibt es keinen link

    is ne aufgabe die ich im praktikum hab. danke schonmal. *mich mal drübermach*

  5. #5
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard

    Ach Du glänzt in Deinem Praktikum mit der Arbeit anderer.....

  6. #6
    Illuminu
    Gast

    Standard

    rüchtüüüsch!

    nein. ich schau mir auf div. tutorial-sites den code ab oder lass ihn mir von bekannten/div. Forenusern zeigen und verwende ihn dann. Was mir auch ausdrücklich erlaubt wurde.

    Und hier gehts ja nur um ne Verbesserung des ganzen

    Bin ja noch kein Azubi und hab noch nich etliche k bücher durchgelesen, also wie soll ichs sonst wissen/lernen? ^^

  7. #7
    Kaiser(in) Avatar von Elvis
    Registriert seit
    09.05.2006
    Ort
    Hamburg
    Beiträge
    2.537
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    2

    Standard

    A) Das müssen schlechte Bücher gewesen sein.
    B) Dann poste doch nächstes mal im Hausaufgaben-Forum, denn dann wissen alle woran wir sind.
    C) Wer hat Dir das mit den leeren

    -Tags als Platzhalter beigebracht???

  8. #8
    Illuminu
    Gast

    Standard

    A) du hast dich verlesen ich hab eben noch keine gelesen (war evtl auch n bischn schlecht ausgedrückt)
    B) es ist ja keine hausaufgabe. (warum rallt das egtl niemand? Oo)
    C) niemand, war so ne blöde idee von mir.
    D) könntest du bitte aufhören mich runterzumachen? das hilft absolut nicht weiter.

    E) gibts noch weitere tipps/vorschläge zu dem quelltext? (btw: welche tags sind sonst noch irgendwie geöffnet aber nich geschlossen? bin da n paar mal drübergegangen, hab aber nix mehr gefunden irgendwie)

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

    Standard

    Fehler 28

    Zeile Spalte: 73
    3 Fehler: Slash "/" am Ende eines Starttag gefunden. Diese Syntax ist, im Gegensatz zu XHTML, in HTML nicht erlaubt
    Im Quellcode zur Zeile 3 Fehlerstelle:

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />



    Spalte: 74
    Fehler: Zeicheninhalt ist hier nicht erlaubt
    Fehlerstelle:

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />




    Zeile Spalte: 27
    113 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 113 Fehlerstelle:



    <label>Name<label style="margin-left:65px;">:</label>




    Zeile Spalte: 32
    117 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 117 Fehlerstelle:



    <label>Artikelnr<label style="margin-left:55px;">:</labe




    Zeile Spalte: 27
    121 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 121 Fehlerstelle:



    <label>MwSt<label style="margin-left:70px;">:</label>




    Zeile Spalte: 36
    128 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 128 Fehlerstelle:



    <label>Mengeneinheit<label style="margin-left:18px;">:</




    Zeile Spalte: 35
    135 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 135 Fehlerstelle:



    <label>W&auml;hrung<label style="margin-left:49px;">:</l




    Zeile Spalte: 33
    145 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 145 Fehlerstelle:

    Standard-Preis<label style="margin-left:55px">Netto</label>



    Spalte: 79
    Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Fehlerstelle:

    tyle="margin-left:55px">Netto</label> <label style="margin-left:45px">Brutto




    Zeile Spalte: 28
    148 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 148 Fehlerstelle:



    <label>Preis<label style="margin-left:70px;">:</label>




    Zeile Spalte: 32
    153 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 153 Fehlerstelle:



    <label>Preis-UVP<label style="margin-left:42px;">:</labe




    Zeile Spalte: 16
    159 Fehler: Schließendes div-Tag wurde nicht gefunden, obwohl dies zwingend notwendig ist.
    Im Quellcode zur Zeile 159 Fehlerstelle:



    <div>Gewicht</label></p>



    Spalte: 45
    Fehler: Endtag LABEL zu einem nicht vorhandenen Starttag gefunden.
    Fehlerstelle:



    <div>Gewicht</label></p>



    Spalte: 53
    Fehler: Endtag P zu einem nicht vorhandenen Starttag gefunden.
    Fehlerstelle:



    <div>Gewicht</label></p>




    Zeile Spalte: 30
    161 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 161 Fehlerstelle:



    <label>Gewicht<label style="margin-left:55px;">:</label>




    Zeile Spalte: 38
    165 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 165 Fehlerstelle:



    <label>Gewichtseinheit<label style="margin-left:11px;">:




    Zeile Spalte: 33
    186 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 186 Fehlerstelle:



    <label>Status<label style="margin-left:80px;">:</label>




    Zeile Spalte: 56
    188 Fehler: Endtag `SELECTED` zu einem nicht vorhandenen Starttag gefunden.
    Im Quellcode zur Zeile 188 Fehlerstelle:

    <option selected>Verf&uuml;gbar</selected>




    Zeile Spalte: 36
    193 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 193 Fehlerstelle:



    <label>Kategorie<label style="margin-left:62px;">:</labe




    Zeile Spalte: 37
    202 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 202 Fehlerstelle:



    <label>Hersteller<label style="margin-left:61px;">:</lab




    Zeile Spalte: 24
    209 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 209 Fehlerstelle:



    <label>Positions-Nr<label style="margin-left:46px;">:</l




    Zeile Spalte: 17
    213 Fehler: Schließendes div-Tag wurde nicht gefunden, obwohl dies zwingend notwendig ist.
    Im Quellcode zur Zeile 213 Fehlerstelle:

    <div>PositionListe<label style="margin-left:43px;">:</label




    Zeile Spalte: 17
    217 Fehler: Endtag LABEL zu einem nicht vorhandenen Starttag gefunden.
    Im Quellcode zur Zeile 217 Fehlerstelle:

    </label></p>



    Spalte: 25
    Fehler: Endtag P zu einem nicht vorhandenen Starttag gefunden.
    Fehlerstelle:

    </label></p>




    Zeile Spalte: 41
    219 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 219 Fehlerstelle:



    <label>PositionDetail<label style="margin-left:38px;">:<




    Zeile Spalte: 48
    226 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 226 Fehlerstelle:



    <label>Lager&uuml;berwachung<label style="margin-left:8px;">[b]:</st




    Zeile Spalte: 19
    228 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 228 Fehlerstelle:



    <label>Bestand<label style="margin-left:69px;">:</label>




    Zeile Spalte: 19
    229 Fehler: Das Tag label ist an dieser Stelle nicht erlaubt.
    Im Quellcode zur Zeile 229 Fehlerstelle:



    <label>Warnung<label style="margin-left:65px;">:</label>

  10. #10
    Illuminu
    Gast

    Standard

    hab das mit den unerlaubten labels schon ausgetauscht

    auf anfrage gibs den neuen code.

    der sagt mir nur, dass es keine anfangstags für die </p> gibt. das denkt er weil die anfangstags in einer anderen zeile stehen.

Ähnliche Themen

  1. Verbesserungsvorschläge
    Von linkwelt im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 11
    Letzter Beitrag: 22.08.2007, 21:45
  2. Bitte um Verbesserungsvorschläge ;)
    Von Dani05 im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 3
    Letzter Beitrag: 06.01.2006, 12:07
  3. Bitte um Verbesserungsvorschläge...
    Von Zimtstern20 im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 3
    Letzter Beitrag: 26.11.2005, 15:15
  4. Verbesserungsvorschläge!
    Von Nock im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 12
    Letzter Beitrag: 19.07.2005, 12:46
  5. Verbesserungsvorschläge
    Von davidos_no.1 im Forum Eure Homepages und Foren - Vorstellung und Bewertungen
    Antworten: 25
    Letzter Beitrag: 25.04.2005, 19:10

Stichworte

Berechtigungen

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