Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Форум программистов и сисадминов Киберфорум > Форум web-программистов > HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/6: Рейтинг темы: голосов - 6, средняя оценка - 4.50
0 / 0 / 0
Регистрация: 18.07.2011
Сообщений: 8

css стиль

18.07.2011, 12:05. Показов 1282. Ответов 7
Метки нет (Все метки)
Студворк — интернет-сервис помощи студентам
Здравствуйте! Я пишу страницу, создал фон, на нём мне надо, чтобы отображались элементы меню:

В шапке написал:
Code
1
2
3
4
5
6
7

 <style>
.menu {
 position: absolute;
 display:block;
 margin-left:129px;
 margin-top: -3px;
}</style>
В теле:
Code
1
2
3
4
5
6
7
8
9
10
11

<table style="border: 0px solid rgb(38, 38, 38); background: url(&quot;http://ann.png&quot;)" align="center" border="0" cellpadding="0" cellspacing="0" height="106" width="1075px">
<td class="menu">
<ul class="tabs">
<h><a href="#1">12</a></h> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<h><a href="#2">123</a></h> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<h><a href="#3">1234</a></h> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<h><a href="#4">12345</a></h> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<h><a href="#5">123456</a></h> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</ul>
</td>
</table>
В браузере firefox всё было отлично, но захожу в Google Chrome и Оперу, всё смещено, помогите пожалуйста, какой выход из ситуации есть?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
 18.07.2011, 12:05
Ответы с готовыми решениями:

Стиль CSS
/* //==================================================================== // // MOBILE / SMALL SCREEN (0px - 480px) // ...

Игнорируется css стиль
Имеется текстовое наполнения на странице, надо часть слов выделить цветом беру их в span &lt;span class=&quot;clr&quot;&gt; более 60...

Стиль CSS стрелкой
Привет. На одном видео видел стиль CSS оформлялся со стрелкой, что она означает? menu &gt; ul li{ position: relative; }

7
 Аватар для foxxxit
37 / 37 / 4
Регистрация: 17.07.2011
Сообщений: 200
18.07.2011, 12:36
Во-первых убери пробелы.
Во-вторых поменяй параметр cellspacing="0" на нужное количество пробелов.

Разный браузер - разный размер пробелов.
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
18.07.2011, 12:41
1. td class="menu"
.menu {position: absolute;...
Так делать нельзя. Position absolute нельзя применять к ячейке таблицы. Его можно применять только ко всей таблице целиком.

2. В таблице нет <tr>

3. Тэга h не существует. В списке ul вложенные пункты меню оборачиваются в тэги <li>

4. Вставлять хренову тучу пробелов в конце каждого пункта меню нет смысла, для отступов есть margin и padding
1
0 / 0 / 0
Регистрация: 18.07.2011
Сообщений: 8
18.07.2011, 17:32  [ТС]
1. Очень интересно, если я уберу position: absolute;, у меня вообще будет меню не в том месте, и margin-left: и margin-top: не реагируют.

2. В таблице нет <tr> - а зачем он мне нужен? у меня одна строка

3. Тэга h не существует. - существует скрипт, без этого тега меню не будет работать

4. margin и padding и как мне их использовать между пунктами меню?
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
18.07.2011, 20:36
immortal23, если тебя все устраивает в собственном коде — я рад. Удачи.
0
0 / 0 / 0
Регистрация: 18.07.2011
Сообщений: 8
18.07.2011, 21:03  [ТС]
Alorian, если помочь толком не можете, тогда нечего и влезать в тему, какие ранимые.
0
 Аватар для foxxxit
37 / 37 / 4
Регистрация: 17.07.2011
Сообщений: 200
18.07.2011, 21:43
Дескриптор <tr> в таблице ОБЯЗАТЕЛЕН!!!

И как это margin-left: и margin-top: не реагируют?
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
18.07.2011, 22:42
Цитата Сообщение от immortal23 Посмотреть сообщение
если помочь толком не можете, тогда нечего и влезать в тему, какие ранимые.
Я тебе указал на ошибки, ты сказал что так все и надо. Какие ко мне претензии? Оптимизируй имеющийся говнокод, если советы не нужны.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
 18.07.2011, 22:42
Помогаю со студенческими работами здесь

не подключается стиль *.css
есть index.php в нём стили подключаются &lt;?php session_start(); ?&gt; &lt;?PHP header(&quot;Content-Type: text/html;...

Картинка, стиль css
у меня есть картинка, я ее поместил в body{background: ...}, также я хочу поместить вторую картинку под первой..как это осуществить, что...

Не перекрывается стиль CSS
По какой причине может не перекрываться стиль? &lt;div id=&quot;g_menu&quot;&gt; &lt;a href=&quot;#&quot;&gt;&lt;div&gt;Контакты&lt;/div&gt;&lt;/a&gt; &lt;a...

Не работает CSS стиль
Хочу сделать меню со стилями CSS. Кнопки меню должны перемещаться на 10 пикселей при наведении на них курсора. Но в итоге они статичны и не...

Не работает стиль CSS к ячейке
&lt;td width=&quot;200px&quot; class=&quot;button1_c&quot;&gt;&lt;/td&gt; .button1_c {background-image: url('img_bar/5_c.png') repeat-x;} Не работает фон((...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru