Илья

Помогу в мелкой работе, или сделаю крупную работу на заказ. Создание сайтов, PHP, JavaScript (JQuery), HTML, CSS. А также PhotoShop, DreamWeaver, SEO, и настройка контекстной рекламы.

Образование

Время консультирования

Не указано

Опыт

3 года

Рассказать друзьям

Понравился эксперт? Порекомендуй друзьям в соцсетях.

Смотря для чего. Если для верстки, то шрифтов и так полно, скачать не долго.

27.05.13
ответ эксперта
Ответ понравился автору

Я это написал на HTML все, как оно будет выглядеть в коде. А с float:left; следить не нужно, все встанет на свои места как нужно! Для полной уверенности после этого кода можно еще добавить:

<div style='clear:both;'></div>

Ну а выводить это все в программе, это думаю не так сложно.
Если на PHP, то написать простой цикл. Например

do {

тело цикла

} while(условие);

Завести переменную $i=0; перед циклом, а в теле цикла после кода поставить $i++;

В самом теле цикла поставить функцию на определение четных и не четных чисел. Типа, если четное число в переменной $i, то присваиваем стиль к диву белый, если не четный то черный.

Такой цикл много весить не будет, и мгновенно все выводит.

27.05.13
ответ эксперта
Ответ понравился автору

Если делать на тегах DIV, то нужно их не мало написать.
Например, общий тег, в котором все содержется:

<div style='wifth:800px; height:800px;'></div>

То есть квадрат 800 на 800 пикселей. (8 клетов по 100px с каждой стороны)

Ну а потом внутри него пишем так:

<div style='wifth:800px; height:800px;'>

<div style='background:black; width:100px; height:100px; float:left;'></div>
<div style='background:white; width:100px; height:100px; float:left;'></div>
<div style='background:black; width:100px; height:100px; float:left;'></div>
<div style='background:white; width:100px; height:100px; float:left;'></div>
<div style='background:black; width:100px; height:100px; float:left;'></div>
<div style='background:white; width:100px; height:100px; float:left;'></div>
<div style='background:black; width:100px; height:100px; float:left;'></div>
<div style='background:white; width:100px; height:100px; float:left;'></div>

</div>

 

Все что внутри этого тега, повторите скопировав еще семь раз, также во внутрь. Потом можете проверять, шахматная доска готова.

27.05.13
ответ эксперта
Илья
Рейтинг: 55
0 отзывов
0% положительных
3 ответов клиентам
0 лучших
от 0 до 5000 руб.
стоимость консультации
30 минут
консультация длится
3 года 7 месяцев на сайте
Заходил 3 года назад