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

Рамки

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

Author24 — интернет-сервис помощи студентам
Верстал страничку сайта, не пойму почему появляется бордюр.:
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 2
Что это за строка?
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  [ТС] 3
CSS
1
.levmenu {border:none;}
сделал так. Все тоже самое.

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

Добавлено через 1 минуту
'br_l.jpg' это подложенная картинка которая там и показывается как рамка.
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
26.05.2010, 21:51 6
Отредактируй изображение.
Если на картинке рамки нет, то как вариант поставь в background которым проставляется картинка no-repeat. У тебя в css для некоторых элементов repeat вообще не прописан, а по умолчанию картинка репитится по всем направлениям.
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
26.05.2010, 21:56  [ТС] 7
понимаешь, дело в том, что какая-то рамка там есть, но откуда она я понять не могу,смотри, я пытался так:
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  [ТС] 8
а 'br_l.jpg' дожна рэпится вниз т.к. блок разтягивается при добавлении новых ссылок.
0
694 / 534 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
26.05.2010, 22:03 9
Обнули margin, padding.
Но скорее всего так как это таблица нужно поставить border-collapse:collapse; и border:none; для всей таблицы.
1
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
26.05.2010, 22:15  [ТС] 10
Спасибо, отчасти помогло. Осталось убрать пару недочетов...
Стало так:
Миниатюры
Рамки  
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
27.05.2010, 00:27  [ТС] 11
Кое-где подрезал картинки, нашел ещё один бэкраунд, убрал. С левыми блоками все ОК стало. Теперь с центральным такая же фигня но 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  [ТС] 12
Добился уменьшения рамки до 1px. Но блин этот 1 px найти не могу))
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
27.05.2010, 11:13 13
дай полный код или ссылку на страничку, гляну )
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
27.05.2010, 12:10  [ТС] 14
Всем спасибо. Убрал лишние TD и TR и все встало на свои места
0
работяга
368 / 368 / 52
Регистрация: 23.05.2010
Сообщений: 947
27.05.2010, 12:33 15
грац
0
 Аватар для acupation
67 / 67 / 6
Регистрация: 26.03.2010
Сообщений: 546
28.05.2010, 19:03  [ТС] 16
Ещё вопрос, если таблице присвоено "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 17
попробуй таблице прописать 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
Ответ Создать тему

Редактор формул (кликните на картинку в правом углу, чтобы закрыть)
Новые блоги и статьи
Что нового в C# 14
UnmanagedCoder 10.03.2025
Предстоящая версия C# 14 обещает принести изменения, которые сделают разработку еще более приятной и эффективной. Что стоит отметить, так это влияние сообщества разработчиков на формирование новых. . .
Формулы поворота
Igor3D 10.03.2025
Добрый день Тема Эти формулы приводятся во множестве тьюториалов, часто под видом "матрица вращения на плоскости". x' = x * cos(a) - y * sin(a) y' = y * cos(a) + x * sin(a) Как бы Вы их. . .
Что нового в .NET 10
UnmanagedCoder 10.03.2025
. NET 10 выходит как релиз с длительной поддержкой (LTS), включающей три года обновлений. В этом обновлении Microsoft сфокусировались на нескольких направлениях: производительность, оптимизация. . .
Отложенное высвобождение, RCU и Hazard Pointer в C++26
NullReferenced 09.03.2025
Многопоточное программирование стало важной частью современной разработки. Когда несколько потоков одновременно работают с общими данными, возникает целый ряд проблем, связанных с синхронизацией и. . .
Неблокирующийся стек на C++26
NullReferenced 09.03.2025
Традиционные способы синхронизации в многопоточном программировании — мьютексы, семафоры, условные переменные — часто превращаются в узкое место в плане производительности. При этом неблокирующиеся. . .
Обработка строк в C++26: Новые возможности string и string_view
NullReferenced 09.03.2025
Новый стандарт C++26 предлагает много улучшений для работы с привычными string и относительно новыми string_view. string_view - это невладеющая ссылка на последовательность символов, появившаяся в. . .
Мой первый аддон для Blender 3D, с помощью нейронки (не зная даже азов пайтона, но это не значит что так и с остальным).
Hrethgir 09.03.2025
Потратил весь день. Пол-дня мне хватило, чтобы понять что с версией с 14B мне не одолеть написание функционального кода, на языке с которым я вообще никак не знаком - пайтон. Версия 22B от другого. . .
Einstein@Home сегодня исполняется двадцать лет!
Programma_Boinc 09.03.2025
Einstein@Home сегодня исполняется двадцать лет! Отправлено 19 февраля 2025 года в 17:20:21 UTC Я хочу поздравить всех наших волонтеров, разработчиков и ученых из Einstein@Home. Мы официально. . .
Заполнители и расширенный набор символов в C++26
NullReferenced 09.03.2025
C++26 представляет два важных обновления: заполнители и расширенный набор символов. Заполнители (placeholders) решают давнюю проблему лаконичности кода в шаблонных выражениях и лямбда-функциях. Они. . .
Контракты в C++26
NullReferenced 09.03.2025
Контракты – это механизм, позволяющий указывать предусловия, постусловия и инварианты для функций в коде. Эта функциональность должна была стать частью C++20, но была исключена на встрече комитета. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru