Добро пожаловать! Это — архивная версия форумов на «Хакер.Ru». Она работает в режиме read-only.
 
журналы новости статьи video форум подписка на «Хакер»

проблема c HTML

Пользователи, просматривающие топик: none

Зашли как: Guest
Все форумы >> [Web-дизайн] >> проблема c HTML
Имя
Сообщение << Старые топики   Новые топики >>
проблема c HTML - 2009-10-18 21:14:00.683333   
m3d1nadek

Сообщений: 31
Оценки: 0
Присоединился: 2009-08-25 04:58:20.403333
 Эдраствуйте! Вот такая проблема. Нужно переместить етот блок в правую сторану! 8D
 
">
 
 
Codigo HTML
 
 
 
<html>
<head>
 <title>EJERCICIO DE TABLA</title>
</head>
<center><br><br><br>
<table border="6" cellspacing="3" cellpadding="7" bordercolor="black">
 <tr height="0">
  <td align="center" width="5%"></td>
  <td align="center" width="5%"></td>
  <td align="center" width="4%"></td>
  <td align="center" width="4%"></td>
  <td align="center" width="4%"></td>
  <td align="center" width="4%"></td>
  <td align="center" width="4%"></td>
  <td align="center" width="15%"></td>
  <td align="center" width="20%"></td>
  <td align="center" width="15%"></td>
  <td align="center" width="20%"></td>
 </tr>
 <tr>
  <td align="center" colspan="6" background="center">
  <font color="green">HORARIO DE CLASE 2º CURSO</td>
  
  <td align="center" background="center"><font color="#80 00 00">DIA</td>
  <td align="center"><label>Selecciona el dia:</label>
<select name="Dia">
<option name="Lunes">Lunes</option>
<option name="Martes">Martes</option>*
<option name="Miercoles">Miercoles</option>*
<option name="Jueves">Jueves</option>
<option name="Viernes">Viernes</option>
</select>
<br />
<br />
<font color="red">&nbsp;</td>
  
 </tr>
 <tr>
  <td align="center" height="2" <font color="sdumb">/~\</td>
  <td align="center" height="2"  background=dibujo.jpg><font color="red">Lunes</td>
  <td align="center" height="2%" background=dibujo.jpg><font color="red">Martes</td>
  <td align="center" height="2%" background=dibujo.jpg><font color="red">Miercoles</td>
  <td align="center" height="2%" background=dibujo.jpg><font color="red">Jueves</td>
  <td align="center" height="2%" background=dibujo.jpg><font color="red">Viernes</td>
 
  
 
  <td align="center" background=dibujo.jpg><font color="#80 00 00">HORA</td>
  <td align="center"><label>Selecciona la hora de comienzo:</label>
<select name="HoraComienzo"> 
<option name="8:15-9:10h">8</option>
<option name="9:10-10:05h">9</option>
<option name="10:05-11:00">10</option>
<option name="11:30-12:25">11</option>
<option name="12:25-13:20">12</option>
<option name="13:20-14:15">13</option>
</select>
<br />
<br />
<font color="blue">&nbsp;</td>
 </tr>
 <tr>
  <td align="center"><font color="red">8:15<br>9:10</td>
  <td align="center" background=dibujo.jpg><font color="red">ZEG</td>
  <td align="center" background=dibujo.jpg><font color="red">ZEL</td>
  <td align="center" rowspan="2" background=dibujo.jpg><font color="red">ZEG</td>
  <td align="center" rowspan="2" background=dibujo.jpg><font color="red">ZEB</td>
  <td align="center" rowspan="2" background=dibujo.jpg><font color="red">ZES</td>
  
  <td align="center" background=dibujo.jpg><font color="#80 00 00">PROFESOR</td>
  <td align="center"><font color="blue">&nbsp;</td>
  <td align="center" background=dibujo.jpg><font color="red"></td>
  
 </tr>
 <tr>
  <td align="center" background=dibujo.jpg><font color="red">9:10<br>10:05</td>
  <td align="center"><font color="red">&nbsp;ZEL</td>
  <td align="center"><font color="red">&nbsp;ZEG</td>
 
 
 </tr>
 <tr>
  <td align="center" background=dibujo.jpg><font color="red">10:05<br>11:00</td>
  
  <td align="center"><font color="red">&nbsp;ZES</td>
  <td align="center"><font color="red">&nbsp;ZEB</td>
  <td align="center" ><font color="red">&nbsp;ZEL</td>
  <td align="center"><font color="red">&nbsp;ZES</td>
  <td align="center"><font color="red">&nbsp;ZEB</td>
  
 </tr>
 <tr>
  <td align="center" colspan=6 background=dibujo.jpg><font color="green">RECREO</td>
  
  
 </tr>
 <tr>
  <td align="center" background=dibujo.jpg><font color="red">11:30<br>12:25</td>
  <td align="center"><font color="red">&nbsp;ZES</td>
  <td align="center"><font color="red">&nbsp;ZEB</td>
  <td align="center"rowspan="3"><font color="red">&nbsp;ZEI</td>
  <td align="center"><font color="red">&nbsp;ZES</td>
  <td align="center"><font color="red">&nbsp;ZEB</td>
  
 </tr>
 
<tr>
  <td align="center" background=dibujo.jpg><font color="red">12:25<br>13:20</td>
  <td align="center"><font color="red">&nbsp;ZEB</td>
  <td align="center"><font color="red">&nbsp;ZES</td>
 
  <td align="center"rowspan="2"><font color="red">&nbsp;ZEI</td>
  <td align="center"rowspan="2"><font color="red">&nbsp;ZEI</td>
  
 </tr>
 <tr>
  <td align="center" background=dibujo.jpg><font color="red">13:20<br>14:15</td>
  <td align="center"><font color="red">&nbsp;ZEB</td>
  <td align="center"><font color="red">&nbsp;ZES</td>
  
  
  
 </tr>
 
</table>
</center>
 
 
 
 
Post #: 1
RE: проблема c HTML - 2009-10-19 09:41:29.130000   
][aKER_теоретик

Сообщений: 1192
Оценки: 0
Присоединился: 2009-03-30 09:17:08.123333
 Учи блочную вёрстку (<div></div>).
Таблицами так можно сделать лишь в случае, если ты пустое место в центре сделаешь одной большой ячейкой со всякими кол- и ровспанами, которая будет разделять левую часть от правой. DIV-ами это делается гораздо проще.
Post #: 2
RE: проблема c HTML - 2009-11-04 11:24:00.923333   
pioneerka

Сообщений: 1
Оценки: 0
Присоединился: 2009-11-04 08:41:56.686666
 index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>EJERCICIO DE TABLA</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="table-left">
<table border="1" cellspacing="3" cellpadding="7" bordercolor="black">
<tr>
 <td class="green" colspan="6">HORARIO DE CLASE 2º CURSO</td>
</tr>
<tr>
 <td>/~\</td>
 <td>Lunes</td>
 <td>Martes</td>
 <td>Miercoles</td>
 <td>Jueves</td>
 <td>Viernes</td>
</tr>
<tr>
 <td>8:15<br />9:10</td>
 <td>ZEG</td>
 <td>ZEL</td>
 <td rowspan="2">ZEG</td>
 <td rowspan="2">ZEB</td>
 <td rowspan="2">ZES</td>
</tr>
<tr>
 <td>9:10<br />10:05</td>
 <td>ZEL</td>
 <td>ZEG</td>
</tr>
<tr>
 <td>10:05<br />11:00</td>
 <td>ZES</td>
 <td>ZEB</td>
 <td>ZEL</td>
 <td>ZES</td>
 <td>ZEB</td>
</tr>
<tr>
 <td colspan="6" class="green">RECREO</td>
</tr>
<tr>
 <td>11:30<br />12:25</td>
 <td>ZES</td>
 <td>ZEB</td>
 <td rowspan="3">ZEI</td>
 <td>ZES</td>
 <td>ZEB</td>
</tr>
<tr>
 <td>12:25<br />13:20</td>
 <td>ZEB</td>
 <td>ZES</td>
 <td rowspan="2">ZEI</td>
 <td rowspan="2">ZEI</td>
</tr>
<tr>
 <td>13:20<br />14:15</td>
 <td>ZEB</td>
 <td>ZES</td>
</tr>
</table>
</div>

<div id="table-right">
<table border="1" cellspacing="3" cellpadding="7" bordercolor="black">
<tr>
 <td class="purple">DIA</td>
 <td>
     <label>Selecciona el dia:</label>
    <select name="Dia">
        <option name="Lunes">Lunes</option>
        <option name="Martes">Martes</option>*
        <option name="Miercoles">Miercoles</option>*
        <option name="Jueves">Jueves</option>
        <option name="Viernes">Viernes</option>
    </select>
 </td>
</tr>
<tr>
 <td class="purple">HORA</td>
 <td>
     <label>Selecciona la hora de comienzo:</label>
    <select name="HoraComienzo">
        <option name="8:15-9:10h">8</option>
        <option name="9:10-10:05h">9</option>
        <option name="10:05-11:00">10</option>
        <option name="11:30-12:25">11</option>
        <option name="12:25-13:20">12</option>
        <option name="13:20-14:15">13</option>
    </select>
 </td>
</tr>
<tr>
 <td class="purple">PROFESOR</td>
 <td>&nbsp;</td>
</tr>

</table>
</div>
</body>
</html>

style.css

body {
    width: 90%;
    height: 600px;
    margin: 30px auto 0;
    padding: 20px;
    border: 7px solid #000;
}
#table-left {
    display: block;
    float: left;
    color: red;
}
#table-right {
    display: block;
    float: right;
}
td {
    text-align: center;
}
.green {
    color: green !important;
}
.purple {
    color: purple;
}
Post #: 3
Страниц:  [1]
Все форумы >> [Web-дизайн] >> проблема c HTML







Связаться:
Вопросы по сайту / xakep@glc.ru

Предупреждение: использование полученных знаний в противозаконных целях преследуется по закону.