Как сохранить кнопки, текст и изображения относительно размера экрана / браузера? - PullRequest
0 голосов
/ 05 января 2012

Я делаю небольшой веб-сайт, и я очень плохо знаком с CSS, но всякий раз, когда я изменяю размер веб-страницы, над которой я работаю, ничто не зависит от размера экрана, на котором он отображается. Например, у меня есть текст справа, если я увеличу размер своего браузера, увеличивая размер текста справа, остается на месте и теперь находится в центре браузера.

Одно из моих изображений перемещается с увеличением и уменьшением размера веб-страницы путем перетаскивания угла браузера. Я использую тот же код CSS для этого изображения в моем списке гиперссылок, текстовом поле или тексте в целом, и он вообще не работает.

Я исследовал все выше и ниже, я нашел кое-что на нем, но, похоже, ничего не работает. Я так расстроен, мой сайт тоже местный, поэтому я даже не могу поделиться ссылкой. Если кто-то не понимает, что я имею в виду, я попытаюсь объяснить, просто объяснить проблему довольно сложно.

Код, который работает для изображения:

img {
    padding-top:50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

Кроме того, я хочу переместить гиперссылки в верхний левый угол, чтобы они не назначались автоматически, если это имеет значение, и я также не могу коснуться HTML-кода, только CSS. (Я делаю тест CSS, чтобы увидеть, смогу ли я воспроизвести изображение уже сделанной веб-страницы. Я не делаю это как часть курсовой работы или теста в колледже / университете, я студент, но я Я нахожусь на рабочем месте в качестве инженера-программиста, это домашнее задание с частичной занятостью для меня, чтобы самообучаться). Заранее спасибо.

1 Ответ

2 голосов
/ 05 января 2012

вы можете использовать процентное обозначение

например:

img {
  padding-top:50px;
  display: block;
  margin-left: 10%;
}
...