Помощник
|
Основы сайтостроения. Практический подход |
Licoric
|
Сообщение
#1
|
||
|
|
||
|
|||
wrcr |
19.11.2009, 1:12;
Ответить: wrcr
Сообщение
#2
|
|
ну и сразу же, я наверно затруднюсь это всё так сразу делать... надо литературу смотреть(
|
|
|
wrcr |
19.11.2009, 2:18;
Ответить: wrcr
Сообщение
#3
|
|
Не знаю, как выровнять таблицы( ( на скриншоте показал как именно)
[IMG]http://s54.radikal.ru/i146/0911/72/056f4cacd1fdt.jpg[/IMG] <html>
<head> <title>Первые шаги</title> </head> <body> <table width="100%" height="20%" border="0" > <tr align="center" bgcolor="#999999"> <td style="font-size: 160%; font-family: Arial">Шапка</td> </table> </td> </tr> <table width="15%" height="10%" border="1" > <tr align="left" bgcolor="yellow"> <td style="font-size: 100%; font-family: Verdana">левый блок</td> </table> </td> </tr> <table width="15%" height="10%" border="1" align="right"> <tr align="right" bgcolor="red"> <td style="font-size: 100%; font-family: Verdana">Правый блок</td> </table> </td> </tr> <table width="50%" height="50%" border="1" align="center"> <tr align="center" bgcolor="white"> <td style="font-size: 100%; font-family: Verdana">основная часть</td> </table> </td> </tr> <table width="100%" border="0" > <tr align="center" bgcolor="orange"> <td style="font-size: 160%; font-family: Arial">нижняя часть</td> </table> </td> </tr> </table> </body> </html> |
|
|
Letmetouchyou |
19.11.2009, 2:19;
Ответить: Letmetouchyou
Сообщение
#4
|
|
так вы делайте, что неполучаетсяь спрашывайте , советуйтесь :) Никто не будет против )
|
|
|
Letmetouchyou |
19.11.2009, 2:24;
Ответить: Letmetouchyou
Сообщение
#5
|
|
<html> <head> <title>Первые шаги</title> </head> <body> <table width="100%" height="20%" border="0" cellspacing="0" cellpadding="4"> <tr> <td align="center" bgcolor="#999999" style="font-size: 160%; font-family: Arial"> Шапка </td> </tr> </table> <table width="15%" height="10%" border="1" cellspacing="0" cellpadding="0"> <tr align="left" bgcolor="yellow"> <td style="font-size: 100%; font-family: Verdana"> левый блок </td> </tr> </table> <table width="15%" height="10%" border="1" align="right"> <tr align="right" bgcolor="red"> <td style="font-size: 100%; font-family: Verdana"> Правый блок </td> </tr> </table> <table width="50%" height="50%" border="1" align="center"> <tr align="center" bgcolor="white"> <td style="font-size: 100%; font-family: Verdana"> основная часть </td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr align="center" bgcolor="orange"> <td style="font-size: 160%; font-family: Arial"> нижняя часть </td> </tr> </table> </body> </html> скорее так ваш код буте правильнее выглядеть. Нона мой взгял правильно будет сдлать вот так. Шас выложу )) |
|
|
Letmetouchyou |
19.11.2009, 2:32;
Ответить: Letmetouchyou
Сообщение
#6
|
|
<html>
<head> <title>Первые шаги</title> </head> <body> <!--1--> <table cellspacing="0" cellpadding="0" border="1" style="width:100%; height:60px;"> <tr> <td> Шапка </td> </tr> </table> <table cellspacing="0" cellpadding="0" border="1" style="width:100%; height:600px;"> <!--Высота здесь для наглядности.. Если ее не писать то будет таблица резиновая по высоте. В зависимости от размера контента--> <tr> <!--2--> <td> Левая часть </td> <!--3--> <td> Основания часть </td> <!--4--> <td> Правая часть </td> </tr> </table> <!--5--> <table cellspacing="0" cellpadding="0" border="1" style="width:100%; height:60px;"> <tr > <td > нижняя часть </td> </tr> </table> </body> </html> |
|
|
Letmetouchyou |
19.11.2009, 2:40;
Ответить: Letmetouchyou
Сообщение
#7
|
|
wrcr, у вас есть лишние тэги <tr> и <td> после всех таблиц. Таблицу правильно фофрмлаять так:
<table> <tr> <td> </td> </tr> </table> и тд. В ваше случее collspan Вапше не нужен. И длля выравнивая лутше 2 , 3 и 4блоки поместить в одну таблцу , в разные ячейки ( <td> ) как по мне ето самый удобный способ, или использовать CSS свойства. Так как если разместите две таблицы подряд , то в браузере они будут отображаться как одна под одной и не одна а с боку другая. |
|
|
wrcr |
19.11.2009, 4:41;
Ответить: wrcr
Сообщение
#8
|
|
спасибо, буду мотать на ус... много не понимаю ещё, но буду запоминать и пытаться разобраться...
а по поводу css - мне кажется рановато немного) |
|
|
Letmetouchyou |
19.11.2009, 16:47;
Ответить: Letmetouchyou
Сообщение
#9
|
|
wrcr, ну я же и не писал как реить с помошью css ))))
|
|
|
Letmetouchyou |
19.11.2009, 16:51;
Ответить: Letmetouchyou
Сообщение
#10
|
|
Хотя раз используете
style="font-size: 160%; font-family: Arial" , то уже лутше сразу пистаь все в таблицу стилей, потому что инлайновые стили это зло. Идея семантического HTML и CSS заключается в разделении структуры и стилей. Всегда лутше храните стили в таблицы стилей.
|
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
edu-masters.com - Конвертим студ трафик. Индивидуальный подход к каждому. | 38 | edu_masters | 17765 | 12.12.2023, 14:51 автор: edu_masters |
|
In-to.cc - Простота использования, быстрая скорость обмена, индивидуальный подход к каждому пользователю, самые популярные направления обмена. | 2 | in_to | 2304 | 13.3.2023, 14:15 автор: in_to |
|
Вечные ссылки (СТАТЬИ). Траст. Бурж. Ручное размещение. Индивидуальный подход. Уникальное авторское предложение от опытного SEOшника :) |
7 | Matis | 1767 | 29.10.2021, 21:57 автор: Matis |
|
Ссылки (PBN) под Украину, Морды, статейные, индивидуальный подход то что дает жирный рост, конкурентное преимущество |
30 | mvchansas | 24296 | 14.9.2021, 11:26 автор: mvchansas |
|
Партнерская сеть Vortex Advertising - эксклюзивные офферы, индивидуальный подход | 26 | VortexAds | 9385 | 26.2.2020, 12:05 автор: VortexAds |
Текстовая версия | Сейчас: 19.4.2024, 6:06 |