Новая тема   Ответить

 Кристалл
Где можно найти хороший сборник рецептов по CSS?

Например, интересует следующее.

1. Сделать текстовую кнопку вида:



2. Выровнять поля по вертикали. Например:

Имя: -------------- Василий
Фамилия: -------- Пупкин
Год рождения: -- 1976

Только вместо дефисов - обычные пробелы.

Ну и разные другие фокусы. Типа "сборник рецептов по CSS"

 SkyLine
Мне этот сервис нравится: http://www.w3schools.com/css/
Там есть и туториал, и редактор встроенный

 damad
На webmascon.com иди. Там много полезного по этой теме. Особенно на форуме и помогают охотно

 Кристалл
Шпасибо, добавил в bookmarks

 Vigo
1 Делаешь таблицу либо див,создаешь для неё стиль в котором описываешь все параметры
нв твоём случае например

<div class="button1">зарегестрироваться</div>

стиль

.button1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #000000;
background-color: #FFFF00;
text-align: center;
width: 200px;
border: 1px solid #000000;
padding-top: 3px;
padding-bottom: 3px;
font-weight: bold;
}
если делать нормальную кнопку,тогда лучше использовать псевдо класс селекторы

2.Не совсем понял что значит
вместо дефисов - обычные пробелы.

как вариант делаешь 3х колоночную таблицу, к средней колонке делаешь стиль, в котором боттом бордер делаешь дотлайн

по типу
.border1 {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #000000;
}

можешь так же в среднюю колонку вставить див и там уже с ним поиграться по расположению в ячейке маргином паддингом

 Кристалл
Vigo писал:

А что это такое?

Vigo писал:

А без таблиц возможно это?

 Vigo
Петр Кроликов писал:
http://members.aol.com/jbjtutor/css/pagec_53.html

Петр Кроликов писал:
возможно,но
советую сначала хоть с таблицами разобраться,хоть в тему вьедешь

 Кристалл
Vigo писал:

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

Мне интересно уже разные продвинутые вещи посмотреть.

А то "верстка без таблиц" много раз слышал, но ни разу не видел.

 Kass
http://www.stylegala.com/features/css-reference/
держи, читай

 Кристалл
Kass писал:

Спасибо, но это справочник, а мне нужен cookbook

 Vigo
Петр Кроликов писал:
здесь посмотри )
http://www.cssbeauty.com/gallery/

 BusyB
Еще в копилку http://alistapart.com/ http://stylegala.com/ http://www.quirksmode.org/

 pirate
oswd.org - куча темплейтов, в основном на css

 Lucky
http://css.maxdesign.com.au/listamatic/

 Кристалл
Спасибо, продолжаю смотреть присланные ссылки

 igorr
Цитата:

Что-то типа этого

Код:

Для наглядности добавил бордер для структурных элементов.

 pierx
2igorr А как сделать отцентрованный блок _фиксированной_ ширины?
Как отцентровать штрину, заданную в % - знаю

Попробовал в лоб - не во всех браузерах прокатило...

 Кристалл
igorr писал:

Супер! Теперь знаю к кому обратиться на крупные проекты по верстке

А как сделать разную ширину столбцов? А то у меня получаются все одинаковые.

Догадался сам после недолгого раздумья:
<span style='width:30px'>

Только не получается сделать так, чтобы пустой столбец тоже отображался, а не складывался в точку.

 igorr
pierx, вот так:
Код:

Цитата:

Неразрывный пробел добавить попробуй:
Код: