Форум PHP программистов > Как настроить дизайн?

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Godwarlock

9.05.2011 - 22:59

В общем вот.
Надо создать html страницу с несколькими таблицами, в которых буду забиты данные из бд. Вот пример:

И надо, чтобы в эти таблицы можно было заливать данные из бд в правильном порядке.

В общем суть такова, надо сделать фон позади таблиц, создать таблицы в таком порядке, как на скриншотах. В html просто совсем почти не разбираюсь. Буду благодарен за помощь

Спустя 54 минуты, 34 секунды (9.05.2011 - 22:54) Joker написал(а):

А вопрос то в чём?

Спустя 35 минут, 53 секунды (9.05.2011 - 23:30) Игорь_Vasinsky написал(а):

Godwarlock

Цитата

В html просто совсем почти не разбираюсь.

но онлайн игру пишу, быстрее и оптимальнее заказать у тех кто умеет

Спустя 6 часов, 39 минут, 7 секунд (10.05.2011 - 06:09) SnowWind написал(а):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  </head>
  <body>


  <table name="table1" class="table1" border="1">
  <tr>
    <td width="20%">1</td>
    <td width="80%" align="center">2</td>
    <td width="20%">3</td>
  </tr>
  <tr>
    <td width="80%" colspan="3"><?php ?> 4 </td>
  </tr>
</table>

<table name="table2" class="table2" border="1">
  <tr>
    <td width="40%">1</td>
    <td width="20%" align="center"><?php ?>2</td>
    <td width="40%">3</td>
  </tr>
  <tr>
    <td  height="300px" colspan="3" align="center"><?php ?> 4</td>
  </tr>
  <tr>
    <td width="40%">5</td>
    <td width="20%" align="center"><?php ?>6</td>
    <td width="40%">7</td>
  </tr>
  


  <table name="table3" class="table3" border="1" width="80%">
  <tr>
    <td  align="center"><?php ?>1</td>    
  </tr>
  
</table>
  
  
</table>

  </body>
</html>

Стили прикрутишь и юзай :)

Спустя 6 часов, 26 минут, 39 секунд (10.05.2011 - 12:35) inpost написал(а):

SnowWind
windows-1250 ??? O_o

Спустя 4 минуты, 48 секунд (10.05.2011 - 12:40) SnowWind написал(а):

а пофиг для примера же ) это автоматом в редакторе было
давайте тогда так <meta http-equiv="content-type" content="text/html; charset=utf-8">

Спустя 23 минуты, 26 секунд (10.05.2011 - 13:04) inpost написал(а):

Godwarlock
Первый блок: 50% align="right",
Второй блок: align="center", а внутри % ставишь как тебе надо, где 20%, где 50%, где 80%.

Такие мелочи надо знать программисту.

Спустя 15 минут, 47 секунд (10.05.2011 - 13:20) SnowWind написал(а):

ты бы лучше мне топиком ниже помог разобраться

Спустя 12 часов, 18 минут, 17 секунд (11.05.2011 - 01:38) Godwarlock написал(а):

Немогу разобраться, как текст отобразить на картинке.
Код html

<table class="infotable" cellpadding="0" cellspacing="1" align=right>
 <tr><td class="n">Имя:</td><td>Нету</td></tr>
</table>

вот код css:

.infotable {
	width: 350px;
        height: 450px;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
        background: url(bg_profile_wnd.png);
        align: right;

Получается:

Что надо добавить или исправить?

Спустя 2 часа, 46 минут, 30 секунд (11.05.2011 - 04:24) SnowWind написал(а):

Блин да много способов :)
У тебя просто таблица вылазит за рамки твоего фонового изображения, как я это понимаю.
Сделай бордер таблице и увидешь что к чему border:1px solid black;

Ну вот тебе пример как можно попробовать

<table class="infotable" cellpadding="0" cellspacing="1" align="right">
   <tr>
   <td class="name" align="center">Имя:</td>
   <td>Нету</td>
   </tr>
  </table>

/* CSS Document */
.infotable {	
width: 350px;        
height: 450px;	
color: #000000;	
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
font-size: 10px;        
background: grey;        
align: right;
}
.name
{
width: 100px;        
}

Спустя 2 дня, 14 часов, 58 минут, 41 секунда (13.05.2011 - 19:23) Godwarlock написал(а):

Ммм не совсем так, надо чтобы отображалась вверху картинки - вот так:

Спустя 13 минут, 48 секунд (13.05.2011 - 19:37) inpost написал(а):

<td valign="top"> ...
Почитай про HTML + CSS

Спустя 5 дней, 6 часов, 10 минут, 36 секунд (19.05.2011 - 01:47) Dmitriy29 написал(а):

позиционируй дивами через absolute
position: absolute

Спустя 1 месяц, 16 часов, 27 минут, 58 секунд (19.06.2011 - 18:15) Godwarlock написал(а):

В общем практически получилось, но вот текст никак выравнить не могу
Вот CSS

.nickname {background: url(../images/nickname.png) no-repeat;width:217px; height:29px; margin-left:418px; margin-top: 28px; position:absolute;}

Вот в HTML

<b><div class ="nickname" align="center">Славяноарий11111111</div></b>

Получается

Текст задевает рамку(верхнюю часть), а надо чтобы текст был по середине. Как исправить?

Спустя 2 часа, 20 минут, 17 секунд (19.06.2011 - 20:36) inpost написал(а):

Godwarlock
Спустя полтора месяца верстку закончил?!

Спустя 11 минут, 21 секунда (19.06.2011 - 20:47) Godwarlock написал(а):

Ну не всё же сразу) Пришлось напрягаться, страница уже готова, а вот текст не могу никак выравнять и так и сяк пытался, вот что выше у меня на скриншоте - это лучший из всех, что у меня получалось)

Спустя 46 минут, 9 секунд (19.06.2011 - 21:33) inpost написал(а):

для блока с текстом: padding-right; padding-top.

Спустя 49 минут, 24 секунды (19.06.2011 - 22:23) Godwarlock написал(а):

Ничего не изменилось)

Спустя 50 минут, 40 секунд (19.06.2011 - 23:13) inpost написал(а):

Убери абсолют, позиционируй на странице относительно страницы в целом, а не абсолютно, или помести внутри этого блока ещё один блок, и для него примени padding.

Быстрый ответ:

Здесь расположена полная версия этой страницы.