Блог

Главная - Вопросы по программированию - Приложение, игнорирующее css

Приложение, игнорирующее css

#css

#css

Вопрос:

Я пытаюсь создать 2 кнопки одинаковой ширины, которые будут выглядеть следующим образом:
белый текст в синем квадрате с черной рамкой и с запасом, скажем, 5 пикселей с каждой стороны: введите описание изображения здесь

это мой код css:

 a.button
{
    background-color: Blue;
    border-width: 2px;
    border-color: Black;
    color: White;
    padding: 2px 5px 2px 5px;
    width:100px;
    margin: 5px;
}

Но то, что я получаю, это:
введите описание изображения здесь

Я использую браузер Google Chrome, и когда я нажимаю «проверить элемент», я вижу там все свои свойства css, но мое приложение их игнорирует.

Комментарии:

1. Нам также нужно будет просмотреть html…

2. И какое отношение ваш вопрос имеет к C #? Может быть, вы можете немного лучше объяснить, что вы на самом деле делаете?

3. C # не имеет к этому никакого отношения…

4. Этот вопрос заставляет меня чувствовать себя плохо для c #. Все это было похоже на «почему ты обвиняешь меня? Я просто сидел здесь ?!»

5. @John Fisher — Это мой html: строка html = Строка. Формат («<a href=»www.something.com «title=»Link» class=»button»>», ContentID); html = Строка. Формат («Нажмите здесь</>»); html = «</a>»; возвращает html;

Ответ №1:

Вам необходимо объявить стиль границы (в вашем случае сплошной)

Попробуйте следующее

 a.button
{
    background-color: Blue;
    border: 2px solid black;
    color: White;
    padding: 2px 5px;
    width:100px;
    text-align:center;
    margin: 5px;
    display:inline-block;
    text-decoration:none;
}

Вам нужно будет настроить css и добавить состояния наведения и активности.

Пример: http://jsfiddle.net/3tKS7 /

Ответ №2:

Сделайте свой элемент inline-block :

 a.button
{
    background-color: Blue;
    border-width: 2px;
    border-color: Black;
    color: White;
    padding: 2px 5px 2px 5px;
    width:100px;
    margin: 5px;

    display: inline-block;
}

Не уверен, помогают ли названия цветов с заглавной буквы.

Комментарии:

1. Названия цветов с заглавной буквы будут в порядке. Здесь также inline-block может быть применимо. Но без дополнительного контекста трудно сказать.

2. Это мой html: Строка. Формат («<a href=»www.something.com «title=»Link» class=»button»>», ContentID); html = Строка. Формат («Нажмите здесь</>»); html = «</a>»; возвращает html;

3. inline-block сделает их встроенными, что на самом деле не приведет к хорошему использованию постоянной ширины. Я тоже не могу много сказать.

4. @user990635, что это Press here</> такое? Разве вы не должны избавиться от этой </> части? Это, несомненно, приведет к путанице в HTML-анализаторе браузера.

Метки: ,