Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.54/13: Рейтинг темы: голосов - 13, средняя оценка - 4.54
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546

Рамки

26.05.2010, 20:48. Показов 2511. Ответов 16
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Верстал страничку сайта, не пойму почему появляется бордюр.:
CSS
1
2
3
4
5
.toptab {border:none;}
.levtab {background:url('br_l.jpg'); border:none;}
.levtop {background:url('lblok.jpg') top left repeat-x #FFFFFF text-align:center; border:none;}
.levmenu {top left repeat-x #FFFFFF text-align:center; border:none;}
.levniz {background:url('lblokn.jpg') top left repeat-x #FFFFFF text-align:center; border:none;}
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 <td width="0" valign="top">
 <table  class="levtab" border="0" width="206">
 <td class="levtop" height="57"></td>
 <tr>
 <td class="levmenu">
<ul class="uz">
<li class="m"><a class="m" href="index.php?type=news">Главная страница</a></li>
<li class="m"><a class="m" href="index.php?type=about">О игре</a></li>
<li class="m"><a class="m" href="index.php?type=law">Законы</a></li>
<li class="m"><a class="m" href="forum.php">Форум</a></li>
<li class="m"><a class="m" href="index.php?type=reminder">Забыли пароль?</a></li>
</ul>
 </td>
 <tr>
 <td  class="levniz" height="50"></td>
 </table>
</td>
Помогите пожалуйста найти ошибку...
Миниатюры
Рамки  
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
26.05.2010, 20:48
Ответы с готовыми решениями:

Расстояние справа от рамки до текста не равно расстоянию слева от рамки до текста
Я написал такой код: &lt;html&gt; &lt;head&gt; &lt;title&gt;Мой сайт&lt;/title&gt; &lt;style&gt; .chasi{ padding:10px; border:5px solid black; ...

Линии и рамки
Вот есть код пробной страницы css &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;...

Рамки на div
Можно-ли блоки div окаймить рамкой?

16
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
26.05.2010, 21:24
Что это за строка?
CSS
1
.levmenu {top left repeat-x #FFFFFF text-align:center; border:none;}
Какое свойство она определяет в самом начале?
Если стиль написан с ошибками, то он не применяется целиком. Попробуй это исправить, если ничего не изменится отпишись.
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
26.05.2010, 21:27  [ТС]
CSS
1
.levmenu {border:none;}
сделал так. Все тоже самое.

Добавлено через 1 минуту
у меня получается, что для
HTML5
1
class="levtab"
рамка получается.
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
26.05.2010, 21:31
Нифига не видно на твоем скриншоте. По моему там не одноцветная рамка а картинка.
Если картинка то свойство border тут ни при чем.
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
26.05.2010, 21:49  [ТС]
так точно, рамка получается как подложенная картинка. Так и есть. Но убрать это я не могу. Размер уменьшаю рамки - ничего не меняется. Все равно эта "картинорамка" остается.

Добавлено через 1 минуту
'br_l.jpg' это подложенная картинка которая там и показывается как рамка.
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
26.05.2010, 21:51
Отредактируй изображение.
Если на картинке рамки нет, то как вариант поставь в background которым проставляется картинка no-repeat. У тебя в css для некоторых элементов repeat вообще не прописан, а по умолчанию картинка репитится по всем направлениям.
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
26.05.2010, 21:56  [ТС]
понимаешь, дело в том, что какая-то рамка там есть, но откуда она я понять не могу,смотри, я пытался так:
CSS
1
2
3
4
5
.toptab {border:none;}
.levtab { border:none;}
.levtop {background:url('lblok.jpg') top left repeat-x #FFFFFF text-align:center; border:none;}
.levmenu {background:url('br_l.jpg') top left repeat-x #FFFFFF text-align:center; border:none;}
.levniz {background:url('lblokn.jpg') top left repeat-x #FFFFFF text-align:center; border:none;}
В итоге:
Миниатюры
Рамки  
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
26.05.2010, 21:58  [ТС]
а 'br_l.jpg' дожна рэпится вниз т.к. блок разтягивается при добавлении новых ссылок.
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
26.05.2010, 22:03
Обнули margin, padding.
Но скорее всего так как это таблица нужно поставить border-collapse:collapse; и border:none; для всей таблицы.
1
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
26.05.2010, 22:15  [ТС]
Спасибо, отчасти помогло. Осталось убрать пару недочетов...
Стало так:
Миниатюры
Рамки  
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
27.05.2010, 00:27  [ТС]
Кое-где подрезал картинки, нашел ещё один бэкраунд, убрал. С левыми блоками все ОК стало. Теперь с центральным такая же фигня но border-collapse:collapse; и border:none; стоит.... Правда есть небольшое отличие в CSS. Картинка которая по середине с прерывистой линией прописана так:
CSS
1
.news1 {background:url('6.jpg') repeat-x;padding:0px 60px 20px 60px;color:#000000;  border:none;border-collapse:collapse;}
Это нужно чтобы она рэпаилась по всей ширине...
а картинка подложка:
HTML5
1
 <td valign="top" width="100%" class="textBlock"><div width="100%" style="background:url('img/indexx/1.jpg')"><div id="myGrid" style="display:none;border:none;border-collapse:collapse;"></div><div id="allEntries" style="border:none;border-collapse:collapse;"><div id="entryID1" style="border:none;border-collapse:collapse;"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">
Я уже везде позапихивал все и не получилось)
Миниатюры
Рамки  
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
27.05.2010, 11:09  [ТС]
Добился уменьшения рамки до 1px. Но блин этот 1 px найти не могу))
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
27.05.2010, 11:13
дай полный код или ссылку на страничку, гляну )
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
27.05.2010, 12:10  [ТС]
Всем спасибо. Убрал лишние TD и TR и все встало на свои места
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
27.05.2010, 12:33
грац
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
28.05.2010, 19:03  [ТС]
Ещё вопрос, если таблице присвоено "border:none; border-collapse:collapse;" а мне нужно чтобы границы TD были видны, что нужно прописать в CSS для TD или TABLE которые вложенны в таблицу с "border:none; border-collapse:collapse;"? Просто рамка таблицы отображается, но ячеек не отображаются
Миниатюры
Рамки  
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
29.05.2010, 00:09
попробуй таблице прописать border="1"
Такая хрень работает:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<style type="text/css">
table {border:1px solid red; border-collapse:collapse}.
 
</style>
 
<table border="1">
 <tr>
  <td>d
  </td>
  <td>d
  </td>
 </tr>
 <tr>
  <td>d
  </td>
  <td>d
  </td>
 </tr>
</table>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
29.05.2010, 00:09
Помогаю со студенческими работами здесь

Реализация рамки
Добрый день, подскажите пожалуйста как можно реализовать в такие рамки? Еле просматриваются конечно, они в диагональную полоску. Вот...

Непонятные рамки
Здравствуйте, почему при изменении масштаба появляется лишнее пространство? &lt;div class=&quot;content&quot;&gt; &lt;div...

Рамки в html
Кто может подсказать: как сделать рамки на одной весоте, типа так как на картинке ниже :) помогите пожалуйста

Рамки в таблицах
Добрый день форумчане) Извиняюсь если есть такая тема или не совсем в тот раздел написал, но лазил в интернете и на мой вопрос не нашел...

Перемещение рамки
Добрый день! У меня следующая проблема: Мне необходимо реализовать следующий фокус. Есть картинка. Поверх нее лежит изображение....


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

Или воспользуйтесь поиском по форуму:
17
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru