Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Помогите с кодом

Предыдущая тема Следующая тема Перейти вниз

Помогите с кодом

Сообщение автор Jogurt в Вт 7 Авг - 16:49

Добрый день (:
Сегодня нашла таблицу своей мечты, которая компактная и работает)) однако мои познания в сфере html малы, поэтому прошу помощи у вас))
вот код таблицы
Спойлер:
Код:
<style type="text/css">
#menu-css li {
   position: relative;
   float: left;
height: 30px;
   margin: 1px;
   background-color: #e1e3e4;
   width: 125px;
   text-align: center;
   border: 1px solid #000;
padding-top: 5px;
}
#menu-css li:hover {
   background-color: #ffdb58;
}
#menu-css li ul {
   position: absolute;
   z-index: 1000;
   top: 34px;
   left: -1px;
   display: none;
font-size: 10px;
height: auto;
}
#menu-css li ul li {
   border: 1px solid black;
   margin: 2px;
   background-color: #e6e6fa;
height: auto;
}
#menu-css li:hover ul {
   display: block;
}
#menu-css li:hover ul li {
   background-color: #e6e6fa;
   margin: 0;
}
#menu-css li:hover ul li:hover {
   background-color: #f0ffff;
}
</style>

<table width="780" cellspacing="0" cellpadding="0" border="0">
<tr>
   <td colspan="3">
<!-- Меню -->

<ul id="menu-css" align="center">
   <li>Администрация
   <ul><li>
Devon Aoki - глав. админ<br>
ICQ - 466-243-985<br>
Skype - notengen
   </li></ul>
   </li>
   <li>Полезные ссылки<ul>
<li>
<a href="http://fairytail-rumble.2x2forum.com/t10-topic"> Список ролей</a> <br>
здесь содержимое второго пункта<br>
здесь содержимое второго пункта<br>
здесь содержимое второго пункта<br>
здесь содержимое второго пункта<br>
здесь содержимое второго пункта<br>
</li>
   </ul>
   </li>
   <li>Дата и погода<ul>
<li>
здесь содержимое третьего пункта
</li>
   </ul>
   </li>
   <li>Партнеры<ul>
<li>
здесь содержимое четвертого пункта
</li>
   </ul>
   </li>
<li>Пиарщикам<ul>
<li>
<b>Логин:</b> PR
<b>Пароль:</b> reklama
</li>
   </ul>
   </li>

<!-- конец меню -->
   </td>
</tr>
</table>

Помогите разобраться как убрать эти кружочки или точки, не знаю как назвать; еще хотелось бы сделать шрифт содержимого пунктов побольше. Еще очень интересно, можно ли эти контейнеры сделать прозрачными и без рамок (т.е. чтобы было написано лишь название контейнера), я просто хочу заменить простые буквы изображением, однако эти странного цвета прямоугольники мешают))

Jogurt
 

Женщина

Сообщения : 57
Регистрация : 2011-02-04
Благодарности : 0

Без предупреждений

http://dumki.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Помогите с кодом

Сообщение автор Киса Мэри в Вт 7 Авг - 18:47

А можно знать как выглядит таблица? Сделайте скришнот

Киса Мэри
 

Женщина

Сообщения : 294
Возраст : 15
Регистрация : 2011-08-01
Благодарности : 18

2 предупреждения

http://positivegirl.forum2x2.eu/forum

Вернуться к началу Перейти вниз

Re: Помогите с кодом

Сообщение автор Jogurt в Вт 7 Авг - 18:54

А можно знать как выглядит таблица? Сделайте скришнот
разве скриншот поможет разобраться с кодами? оО

Jogurt
 

Женщина

Сообщения : 57
Регистрация : 2011-02-04
Благодарности : 0

Без предупреждений

http://dumki.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Помогите с кодом

Сообщение автор Домовой в Вт 7 Авг - 19:12

То что ставится в CSS замените на это

Код:
#menu-css li {
  position: relative;
  float: left;
height: 30px;
  margin: 1px;
  background-color: transparent;
  width: 125px;
  text-align: center;
  border: 0px solid #000;
padding-top: 5px;
}
#menu-css li:hover {
  background-color: transparent;
}
#menu-css li ul {
  position: absolute;
  z-index: 999;
  top: 34px;
  left: -1px;
  display: none;
font-size: 12px;
height: auto;
}
#menu-css li ul li {
  border: 1px solid black;
  margin: 2px;
  background-color: #e6e6fa;
height: auto;
padding:5px;
}
#menu-css li:hover ul {
  display: block;
}
#menu-css li:hover ul li {
  background-color: #e6e6fa;
  margin: 0;
}
#menu-css li:hover ul li:hover {
  background-color: #f0ffff;
}
Как убрать точки не знаю.

А такой вариант вас не устраивает?

http://domovoy.forumy2x2.ru/

Домовой
 

Мужчина

Сообщения : 6797
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

Без предупреждений

Вернуться к началу Перейти вниз

Re: Помогите с кодом

Сообщение автор Jogurt в Вт 7 Авг - 19:17

То что ставится в CSS замените на это
я в css ничего не ставила о_О
просто скопировала код, который я выложила в первом сообщении, и вставила его в объявление))
А такой вариант вас не устраивает?
такого рода уже ставила, некрасиво на форуме смотрится))

Jogurt
 

Женщина

Сообщения : 57
Регистрация : 2011-02-04
Благодарности : 0

Без предупреждений

http://dumki.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Помогите с кодом

Сообщение автор Jogurt в Вт 7 Авг - 19:22

а, все, просто поставила ваш фрагмент в таблицу в объявление и границы убрались)) спасибо большое))

Jogurt
 

Женщина

Сообщения : 57
Регистрация : 2011-02-04
Благодарности : 0

Без предупреждений

http://dumki.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Помогите с кодом

Сообщение автор Jogurt в Вт 7 Авг - 19:38

А как сделать содержимое контейнеров пошире?))

Jogurt
 

Женщина

Сообщения : 57
Регистрация : 2011-02-04
Благодарности : 0

Без предупреждений

http://dumki.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Помогите с кодом

Сообщение автор Домовой в Вт 7 Авг - 20:14

Вот этот код
#menu-css li ul {
position: absolute;
z-index: 999;
top: 34px;
left: -1px;
display: none;
font-size: 12px;
height: auto;
}
height: auto;
замените на
height: 200px;

Домовой
 

Мужчина

Сообщения : 6797
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3219

Без предупреждений

Вернуться к началу Перейти вниз

Re: Помогите с кодом

Сообщение автор Jogurt в Вт 7 Авг - 20:24

теперь все выглядит классно, правда кружочки мешают и все портят, но все равно это лучше, чем вообще ничего))
огромное вам спасибо))

Jogurt
 

Женщина

Сообщения : 57
Регистрация : 2011-02-04
Благодарности : 0

Без предупреждений

http://dumki.forum2x2.ru/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения