HTML, CSS

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Другие темы раздела
HTML, CSS Размещение Div вертикально Добрый день! У меня проблема с размещением div'ов. Она состоит в том, что у меня не получается разместить друг за другом, они размещаются друг под другом. На рисунке скриншот проблемного фрагмента. https://www.cyberforum.ru/ html/ thread817236.html	обтекаемость меню HTML, CSS здравствуйте сделал меню и под меню под меню долно появлятся при наведение на меню(появляется в столбик,а появляется в строчку(как убрать обтикаемость?)) сфоткал меню (вложения) <nav id="navigation"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Лекции</a>
HTML, CSS Горизонтальная покрутка в textarea Здравствуйте В общем разрешил скролл, но горизонтальный скролл не появляется хоть убейся, как его включить и в чем у меня проблема ? <textarea class="code" style="height: 606px;"></textarea> .code { width:98%; resize:vertical; min-height:10px; overflow:scroll; https://www.cyberforum.ru/ html/ thread817158.html	HTML, CSS Я заказал книги по изучению HTML и CSS, дайте мне ваши отзывы про них Джон Дакетт: Основы веб-программирования с использованием HTML, XHTML и CSS Кристофер Шмитт: CSS. Рецепты программирования https://www.cyberforum.ru/ html/ thread817138.html
HTML, CSS Подскажите с опшион в хроме Вот часть кода программы <p> <select name="sl" size="3"> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>8+</option> </select> </p>	HTML, CSS Закрасить блок случайным цветом Здравствуйте подскажите как закрасить случайным цветом блок <div class='kube'></div> .kube{ width: 50px; height: 50px; } https://www.cyberforum.ru/ html/ thread817046.html
HTML, CSS Отображение изображений в Opera 12 и других браузерах https://www.cyberforum.ru/ html/ thread816979.html Добрый день! Столкнулся с отображением одного и того же изображения разными браузерами по-разному. Опера (12 на Мас) показывает цвета бледнее, чем Сафари, Хром и ФФ. Пробовал менять формат изображения, конвертил его в различные цветовые профили. Ничего не выходит. Может кто-то сталкивался? Расскажите, как победили проблему, не хочется оставлять так. Слева Опера. Справа Сафари (как...	HTML, CSS Как не попасть под действие стиля Всем привет! Ребят подскажите как сделать, чтобы существующие стили не действовали на мои соц кнопки - там аккуратные 48 пикселей кнопки, но как видно из стиля к ним еще добавляется белая и черная окантовка...
HTML, CSS На 1 px в гугле смещение шапки https://www.cyberforum.ru/ html/ thread816821.html Во всех браузерах (опера, мозила, ие) все ровно. В гугле смещение. Чтобы это значило? Обычно в ие бывают кривны. Если смещаешь, тогда во всех получается неровно.	HTML, CSS Не отображается русский текст Доброго времени суток. Скачал вот шаблон на английском языке но при переводе текста столкнулся с проблемой. Когда заменяю текст в коде с английского на русский (меню и т.д.) то он перестает отображаться на сайте. В css шрифты основные стоят (Arial, Helvetica, sans-serif). Файлы стилей прилогаются a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center,... https://www.cyberforum.ru/ html/ thread816806.html
резиновые блоки HTML, CSS видео не отображается на весь размер блока. в сафари ие опера мазилла http://vinovachuk.narod.ru/online.html	HTML, CSS Пишу размер шрифта в %, но он не меняется, почему? Помогите плис, прописала везде за мест px - проценты для шрифтов, но при изменении размера браузера шрифт ведет себя так же как и в пикселях - не меняется в размере, что нужно сделать что-бы он менялся? может размер div то же нужно в процентах прописать? если да то всех дивов? или в ксс для body и html нужно что то прописать? Очень прошу написать сдесь что нужно сделать а не посылать читать... https://www.cyberforum.ru/ html/ thread816494.html

sheila

47 / 47 / 6

Регистрация: 10.05.2012

Сообщений: 236

26.03.2013, 01:16

Ошибки в верстке сайта - HTML, CSS - Ответ 4309891

26.03.2013, 01:16. Показов 1780. Ответов 21

Метки (Все метки)

Ответ

ДЕМО

HTML5

<body>
  <div id="wrapper">
<div class="size" align="center">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
 
        <td class="td1" >
        <td class="logo" class="center"><a href="/" target="_self"> <img src="/img/[logo]" border="0"  alt="[title]" title="[title]" > </a></td>
        </td>
        
       <tr>
        <td class="td2">
              <div class="punkti"><td class="menu">
    <button><a href="/">Главная</a></button>
    <button><a href="/my.html">Мои загрузки</a></button>
    <button><a href="/images.html">Галерея</a></button>
    <button><a href="/rules.html">Правила</a></button>
    <button><a href="/contacts.html">Контакты</a></button>
    <br />
    <br />
 </div></td>
 
        </td>
        </tr>
        <td class="td1">
        </td>
    
</table>
<table style="width:368px"  cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td class="td3">
        </td>
    </tr>
    <tr>
        <td class="td4">
        [content]</td>
    </tr>
    
    <tr>
        <td class="td5">
        </td>
    </tr>
</table>
<br>
<center>
<table style="width:368px"  cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td class="td3" align="center">
        Изображений всего [all_images], за сутки [sutki]. 
        </td>
    </tr>
    <tr>
        <td class="td4" align="center">
 
</td>
    </tr>
    <tr>
        <td class="td5" align="center">
        </td>
    </tr>
</table>
</center>
  </div>
</div><!-- #wrapper -->
 <div id="footer">
<table Border=0 CellSpacing=0 CellPadding=0 Width="100%">
 <tr>
 
  <td background="/img/vo_80.jpg" height=41 style="padding-top: 2px;">
  
  <table Border=0 CellSpacing=0 CellPadding=0 Width="100%">
 <tr>
   <td width=390 style="padding-left: 10px; color: #FFFFFF">[copirights]</div></td>
  <td style="padding-left: 10px;">
  
  <table Border=0 CellSpacing=0 CellPadding=0>
 <tr>
  <td>
 [counters]
  
</td>
</td>
  </tr>
</table>
  </td>
  <td align=right style="padding-right: 10px; color: #FFFFFF">
<a class=f_l href="/index.php"><span><b>Главная</b></span></a>&nbsp;|
 </tr>
</table>
  </td>
 </tr>
</table>
</div>
</body>

CSS

* {
  margin: 0;
  padding: 0;
}
html {height: 100%;}
* html body {height: 100%;}
body {
  min-height: 100%;
  position: relative;
}
.foot h1, .descr h1{display:inline;font-size:12px;margin:0px;padding:0px;}
#wrapper {
    width: 913px;
    margin: 0 auto;
  padding-bottom: 60px;
}
 
#wrapper:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
 
#footer {
  position: absolute;
  bottom: 0;
  height: 40px;
  width: 100%;
}

Добавлено через 3 минуты
чтобы увидеть весь output в jsbin нужно раздвинуть самое правое окно, оно по умолчанию сжимается

Вернуться к обсуждению:
Ошибки в верстке сайта HTML, CSS

Следующий ответ

Заказать работу у эксперта

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

26.03.2013, 01:16

Готовые ответы и решения:

Ошибки в верстке
Здравствуйте. Я новичок недавно начал изучать.Покажите на ошибки и посоветуйте что нибудь.Спасибо ...

Указать на ошибки в верстке
С HTML и CSS знаком от силы неделю, практикой решил заняться самостоятельно. Многого еще не знаю,...

Анализ шаблона на ошибки в верстке
Всем привет сверстал новый шаблон для своего блога. Применил адаптивную верстку, помогите...

Найти ошибку в верстке сайта
Есть сайт, на котором присутствуют страницы такого типа ...

	26.03.2013, 01:16

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

26.03.2013, 01:16

Помогаю со студенческими работами здесь

Поделитесь опытом в верстке сайта
Доброе время суток. Я только в начале своего пути. Будьте добры посмотрите вёрстку. Что как можно...

Иконки соц.сетей в верстке сайта
Доброго вечер! Есть верстка сайта,в файле index.html есть строки: <a href="#"><i class="fa...

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

ошибки сайта
помогите исправить ошибки в файлах...

Новые блоги и статьи
Как обучить нейросеть создания картинок на Python bytestream 24.01.2025 В эпоху цифровых технологий искусственный интеллект становится неотъемлемой частью творческого процесса. Особое место в этой области занимает разработка и обучение нейронных сетей для создания. . .	Как обучить нейросеть генерации текста на Python bytestream 24.01.2025 В современном мире искусственный интеллект и машинное обучение становятся неотъемлемой частью многих технологических решений. Одной из наиболее интересных и востребованных задач в этой области. . .	Машинное обучение на Python bytestream 24.01.2025 Введение в машинное обучение на Python Машинное обучение представляет собой одну из наиболее динамично развивающихся областей информационных технологий, которая позволяет компьютерным системам. . .	Как удалить вирус-майнер с компьютера hw_wired 24.01.2025 Вирусы-майнеры стали одной из наиболее серьезных угроз для пользователей компьютеров. Эти вредоносные программы тайно используют вычислительные ресурсы зараженного устройства для добычи криптовалюты. . .	Что такое веб-сервер, для чего он нужен и как работает bytestream 24.01.2025 В современную эпоху цифровых технологий веб-сервер является фундаментальным компонентом интернет-инфраструктуры, обеспечивающим функционирование множества онлайн-сервисов и веб-сайтов. Этот. . .	Как в цикле for перебрать все элементы в словаре в Python bytestream 24.01.2025 Словари в Python представляют собой мощные структуры данных, которые позволяют хранить информацию в формате ключ-значение. Эта особенность делает их незаменимыми при работе с данными, где требуется. . .
Как отменить rebase в Git hw_wired 24.01.2025 Git rebase представляет собой мощный инструмент для управления историей коммитов в системе контроля версий Git. Этот механизм позволяет разработчикам изменять последовательность, комбинировать или. . .	Как поменять цвет input placeholder с помощью CSS bytestream 24.01.2025 В веб-разработке оформление элементов пользовательского интерфейса играет ключевую роль в создании привлекательного и интуитивно понятного дизайна. Особое внимание уделяется формам ввода данных, где. . .	Как перебрать все значения в перечислении (enum) в C# bytestream 24.01.2025 Перечисление (enum) в языке программирования C# представляет собой специальный тип данных, который позволяет определить набор именованных констант. Этот мощный инструмент особенно полезен, когда. . .	Как обойтись без проверки на null, чтобы избежать NullPointerException в Java bytestream 24.01.2025 NullPointerException (NPE) является одним из самых распространенных исключений в Java, создающих серьезные проблемы при разработке программного обеспечения. Данное исключение возникает при попытке. . .	Что лучше использовать в href ссылок в JavaScript: "#" или "javascript:void(0)" bytestream 24.01.2025 При разработке веб-приложений важную роль играет правильное использование HTML-ссылок в сочетании с JavaScript. Одним из ключевых аспектов является выбор корректного значения атрибута href для. . .	Как узнать индекс элемента списка по его значению в Python hw_wired 24.01.2025 При работе с коллекциями данных в Python часто возникает необходимость не только манипулировать элементами списка, но и определять их точное местоположение. Индекс элемента представляет собой. . .

Наверх