Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!

топ 100 блогов Arnusha05.12.2010 Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих! (180x140, 35Kb)


Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Когда я только начинала изучать как и многие из вас все детали,что такое коды,как ставить,где ставить-возникало много вопросов и ведь каждый раз требовались ответы на них.Я сама столкнулась и ещё столкнусь уверена,что бывает нужно спросить и не у кого...Как неохотно отвечают на вопросы новичков уже "повзрослевшие" пользователи,как будто и сами не были чайниками.Нет времени и это понятно.Ведь нужно всё разжевать и понятным языком объяснить,куда,как и для чего... Многие не знают Как расположить несколько элементов на страничке рядом друг с другом.Например,как выставить рядом картинки,смайлики или снежинки...Я тоже раньше не могла и спрашивать было некого,лишний раз не хотела раздражать своими вопросами.Сегодня я попробую вам объяснить,как это делать и с помощью чего...Первые шаги так сказать для начинающих,кто только начал делать шаги в области постов с картинками
ИТАК ПОЕХАЛИ:

Пока я знаю только два способа,которые подходят для картинок, флешек, часиков, линеечек и так далее
Первый способ: МЕЖДУ КОДАМИ ДВУХ КАРТИНОК ВСТАВЬТЕ НЕРАЗРЫВНЫЙ ПРОБЕЛ  
ПРИМЕР:<�код первой кнопки> <�код второй кнопки> <�код третьей кнопки>
Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!  
Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!  Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Но учтите: этот способ не работает, если вы хотите поставить что-то рядом с табличкой.Например,под картинкой поставить код.

Второй способ намного сложнее:
Ниже я выложила коды табличек,так же вы можете сами их выстраивать.Но для этого нужен ещё один урок.
А пока для примера вот вам работа для размышлений,они помогут вам понять структуру кодов и помогут в работе.
Поехали:
Вот табличка из 2 столбцов и 3 строк
Вот так будет выглядеть расклад ваших картинок или кнопок,состоящих из 2-х столбиков и в три строки.
Первая строка, первый столбец Первая строка, второй столбец
Вторая строка, первый столбец Вторая строка, второй столбец
Третья строка, первый столбец Третья строка, второй столбец
.

Вот код этой таблицы
Первая строка, первый столбец Первая строка, второй столбец
Вторая строка, первый столбец Вторая строка, второй столбец
Третья строка, первый столбец Третья строка, второй столбец

Вот что получилось у меня...
Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих! Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих! Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих! Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!

************************************************
Табличка из 3 столбцов и 3 строк
Первая строка, первый столбец Первая строка, второй
столбец
Первая строка, третий столбец
Вторая строка, первый столбец Вторая строка, второй столбец Вторая строка, третий столбец
Третья строка, первый столбец Третья строка, второй столбец Третья строка, третий столбец


Вот код этой таблицы
Первая строка, первый столбец Первая
строка, второй столбец
Первая строка, третий столбец
Вторая строка, первый столбец Вторая строка, второй столбец Вторая строка, третий столбец
Третья строка, первый столбец Третья строка, второй столбец Третья строка, третий столбец
Табличка из 4 столбцов и 3 строк
Первая строка, первый столбец Первая строка, второй столбец Первая строка, третий столбец Первая строка, четвёртый столбец
Вторая строка, первый столбец Вторая строка, второй столбец Вторая строка, третий столбец Вторая строка, четвёртый столбец
Третья строка, первый столбец Третья строка, второй столбец Третья строка, третий столбец Третья строка, четвёртый столбец

Вот код этой таблицы
Первая строка, первый столбец Первая строка, второй столбец Первая строка, третий столбец Первая строка, четвёртый столбец
Вторая строка, первый столбец Вторая строка, второй столбец Вторая строка, третий столбец Вторая строка, четвёртый столбец
Третья строка, первый столбец Третья строка, второй столбец Третья строка, третий столбец Третья строка, четвёртый столбец

******************************************
Табличка из 2 столбцов и 1 строки
Первая строка, первый столбец Первая строка, второй
столбец


Вот код этой таблицы
Первая строка, первый столбец Первая строка, второй столбец

*****************************************
Табличка из 3 столбцов и 1 строки
Первая строка, первый столбец Первая строка, второй столбец Первая строка, третий столбец

Вот код этой таблицы
Первая строка, первый столбец
valign="undefined">Первая строка, второй столбец
Первая строка, третий столбец

******************************************
Табличка из 4 столбцов и 1 строки
Первая строка, первый столбец Первая строка, второй столбец Первая строка, третий столбец Первая строка, четвёртый столбец

Вот код этой таблицы
Первая строка, первый столбец Первая
строка, второй столбец
Первая строка, третий столбец Первая строка, четвёртый столбец

*************************************
Вот то,чем я сама пользуюсь.Хочу подчеркнуть для тех кто будет применять эти коды в работе:очень осторожно и внимательно.Работа кропотливая и кто уже сталкивался с ними,тот знает.Я отключаюсь полностью,никакого ТВ,потому что малейшая ошибка и всё надо будет начинать заново.Это касается тех,кто будет выставлять свои работы с кодами.Если кому-то что-то не понятно или какие-то трудности,пишите,я обязательно отвечу.И желательно в личку,отвечу обязательно..Особая благодарность клубу Не хочу быть "чайником"!.Только заходя туда и читая в одиночку и методом тыка я освоила эти таблицы,спасибо Диане.
Ещё один момент,если выставляете много картинок,линеек,разделителей,то понятно,что нужно использовать код несколько раз.
Удачив всем!!!

Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!


Arnusha
Рамка Zomka

Оставить комментарий

Архив записей в блогах:
Сижу дома, кусаю локти — жаль не купил в субботу летнюю рубашку с коротким рукавом. Сегодня у нас с утра ливень, носа не высунешь, а завтра выходной на рынке. Ладно, во вторник обязательно куплю — рубашку мечты сине-голубого цвета. Эффектная ткань, как у Путина. Не могу устоять. ...
Если у тебя воруют материал, можно счесть это признаком славы и ценности проделанной работы. Или просто плюнуть и забыть. Но как отнестись к тому, что некто использовал проделанную тобой немалую работу, но не разобрался в ней, исказил и извратил ее основную мысль, добавив энное ...
Понятно, что Путин рад был бы править Россией ещё 500 лет. Так же понятно, что ему и 20 лет не удержаться. Даже если всех оппозиционеров пересажать, помирать однажды придётся. И много раньше, чем если б речь шла о цивилизованной стране с развитой медициной. Путин сделал практически вс ...
Все мое детство прошло на Крайнем Севере. Родители работали с утра до вечера и я занимал свое свободное время как мог. Улица, друзья, то у меня дома, то у них. Морозными вечерами, когда за окном трещало минус пятьдесят пять, мы собирались у кого нибудь дома и под желтым светом шестидесятки ...
Лиру в своем репертуаре))) Я конечно могу и ошибаться, но мне все таки кажется, что эта проблема не у меня одной. Я не вижу своей схемы и картинки не открываются! Такие вещи случались и раньше, но сегодня по моему уж больно на долго затянусь.... Ну все ...