عرض السيارات التسمية خطأ

Question

ويعرض التسمية الخطأ حتى عرض الجدول. كما يلي:

نص بديل http://img518.imageshack.us/img518/8864/width1 .jpg و

وكيف يمكنني عرضه حتى نص التسمية؟ هذا هو المغلق:

 label.error    { color: red; font-size:16px; font-family:Nyala; background-color: #FFFFCC; display:block; width:auto; }

Answer 1

وهذا يعمل، دون إضافة أي عناصر div إضافية (على الرغم من المسلم هناك فترة إضافية (.errorMsg) لاحتواء خطأ الرسالة:

وعن طريق XHTML 1.0 DOCTYPE صارمة.

    <style>

        #container
            {width: 50%;
            margin: 0 auto;
            }

        label   {display: inline-block;
            width: 48%;
            text-align: right;
            }

        input   {display: inline-block;
            width: 50%;
            }
        .errorMsg
            {display: block;
            width: 51%;
            margin: 0 0 0.5em 49%;
            color: #f00;
            background-color: #ffa
            }

    </style>

...

    <div id="container">

        <form>

            <label for="input1">Label 1</label>
                <input type="text" id="input1" name="input1" />
                <span class="errorMsg">Error message</span>

            <label for="input1">Label 2</label>
                <input type="text" id="input2" name="input2" />
                <span class="errorMsg">Error message</span>

        </form>

    </div>

ومن الجدير بالذكر أن عرض .errorMsg هو 51٪، وليس 50٪، لاستيعاب حدود الإدخال (إضافتها إلى عرض 50٪ المحددة في CSS. وهذا قد يكون مجرد FF3.x على أوبونتو 8.04 ، وإن كان. أنا لم يختبر بشكل شامل، أو كثيرا في كل شيء، وأنا خائف. YM، كما هو الحال دائما، MV.

مظاهرة في: < وأ href = "http://www.davidrhysthomas.co.uk/so/errorLabels.html" يختلط = "نوفولو noreferrer"> http://www.davidrhysthomas.co.uk/so/errorLabels.html .

Answer 2

والتفاف المجالات مع شعبة، تعيين شعبة أن يكون العرض المطلوب، وتحديد المدخلات والتسمية لملء شعبة.

وإما أن أو تعيين عرض لكل من التسمية ومدخلات لنفس بكسل. طريقة الدرجة هو أكثر قليلا مرونة.

ملحوظة الرغم من ذلك، "الاسم:" الفوري هو التسمية. يجب أن يكون من الخطأ فترة أو شيء من هذا، أنها ليست "التسمية"، على الأقل ليس بالطريقة HTML يفكر فيها.