Jump to content
  • 0

Помогите с дизайном таблицы!!!


Пятница
 Share

Question

Ребят, выручайте.:lol:

Вобщем в сайтостроении я не силен, поэтому обращаюсь к вам за помощью.

Вобщем сначала я делал сайт при помощи фреймов, но как я понял, на них сайт не делаюстся, вобщем понял что нужно дивами и таблицами, но как я понял, предпочтительнее будет таблицами.

Первое.

Вобщем я мысленно представил себе шаблон будущего сайта, и даже нарисовал его при помощи таблиц, но вышло явно не то, что мне нужно, вобщем проблемма первая.

Как сделать границы ячеек невидимыми? Т.е. чтобы страница состояла из отдельных боков.

Где-то вычитал, что нужно указать border="0", но тогда невидимые границы получаются очень тонкими, мне нужно большее расстояние между блоками, увеличив значение до 1-го границы появились, значит явно не то, т.к. я указываю толщину границ, а как же тогда манипулировать прозрачностью границ?

Вот составил наглядный эскиз будущего шаблона, надеюсь моя идея понятна:

my_site.png

Второе.

Как вы поняли, мне нужно, чтобы углы были закругленными, где-то вычитал (теперь жалею, что не сохранил ссылку), что можно указывать закругление при помощи какой-то команды.

Но с другой стороны я понял, что все границы и закругления состоят из графических файлов, так что же правильно? Или и то и другое?

Вобщем молю вас о помощи, т.к. даже великий и могущий Гугл не смог помочь мне (али я слепой?).

И еще забыл спросить, так чем же мне лучше клепать сайт? HTML или PHP?

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0

HTML и PHP - не являются друг другу альтернативой.PHP -серверный язык программирвоания, HTML- язык разметки. В конечном счете ЛЮБОЙ сайт - это html (ну может кроме флэшовых,хотя чтобы флэш вставить тоже нужен html-код).

Если сайт верстается таблицами,то расстояния между ячейками задаются добавлением еще двух ячеек с белым фоном.

Уголки просто делаются картинками или фоном.Например,так

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="left"><img src="ugol1.gif" width="10" height="10" alt=""></td>
<td align="right"><img src="ugol2.gif" width="10" height="10" alt=""></td>
</tr>

<tr>
<td colspan="2">контент</td>
</tr>

<tr>
<td align="left"><img src="ugol3.gif" width="10" height="10" alt=""></></td>
<td align="right"><img src="ugol4.gif" width="10" height="10" alt=""></></td>
</tr>
</table>

Ну и в нужных ячейках задать цвет фона

Link to comment
Share on other sites

  • 0

Да, кстате, все отлично, я понял как это делается, но не подскажешь, где указать не углы, а еще и именно боковые растягивающиеся границы (тоже GIF), тобишь создать такую своеобразную рамку, с указанием wight и hight.

table.png

Вобщем хочется создать что-то типо такого типа:

16051.jpg

Link to comment
Share on other sites

  • 0

Ты определись, что именно ты хочешь,внизу разноцветный с парашютами диз фиксированный,а твой макет - резиновый.

Ну вот самый грубый и примитивный способ через распорки (распорка-прозрачный гиф 1*1 пиксель) и вложенную таблицу для верхней части

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="10"><img src="ugol1.gif" width="10" height="10" alt=""></td>
<td><table cellpadding="0" cellspacing="0" border="0">
<tr>
<td bgcolor="Цвет рамки"><img src="spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td bgcolor="Цвет поля для контента (у тебя белый)"><img src="spacer.gif" width="1" height="5" alt=""></td>
</tr>
</table></td>
<td width="10"><img src="ugol2.gif" width="10" height="10" alt=""></td>
</tr>
</table>

Вообще рекомендовал бы начинать с http://www.postroika.ru/html/ Там самые-самые азы, проще некуда.

Link to comment
Share on other sites

  • 0

Нет, макет я показал в качестве образца, дабы показать чего я пытаюсь добиться, т.е. мне нужна растягивающаяся таблица, чтобы была возможность редактирования по мене наполнения контента, с закругленными краями.

А постройку ща юзнем))

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy