|
| |
автор: 777 (15.06.2006 в 22:53) |
|
| |
для: 777
(15.06.2006 в 22:52)
| | | А как делается вёрстка с использованием CSS? | |
| |
|
|
| |
автор: 777 (15.06.2006 в 22:52) |
|
| |
для: elenaki
(15.06.2006 в 22:35)
| | | стесняюсь спросить - а где там "круг с пустой серединой в которой находится текст"?
Это я образно...
Если бы показали пример на круге, то может быть догадался, как сделать нарезку этой картинки. | |
| |
|
|
| |
|
|
| |
для: 777
(15.06.2006 в 22:12)
| | | стесняюсь спросить - а где там "круг с пустой серединой в которой находится текст"?
если серьезно, уже поздно. завтра посмотрю, в чем может быть дело...
сейчас вижу, что можно обойтись без rowspan (они все портят, из-за них не выровнять фон).
рисуете одну большую таблицу с тремя строками и одним столбцом.
в первой строке - таблицу 3*3, в которой по краям* будут границы в виде картинок, а середина - пустая, туда будете вставлять ваш текст. эта таблица д.б. выровнена по левому краю.
во второй строке - такая же таблица 3*3, только картники по краям* другие. тоже выровнена по левому краю.
в третьей строке- таблица 1*3, где в первом столбике - левое закругление, в третьем - правое, а во втором - центральная часть. эта таблица д.б. выровнена по центру.
* по краям - это значит в первой строке, первом и третьем столбце второй строки, в третьей строке.
я бы вот так разрезала - см. аттач | |
| |
|
|
| |
автор: 777 (15.06.2006 в 22:12) |
|
| |
для: elenaki
(11.06.2006 в 12:19)
| | | Вот исходная картинка. | |
| |
|
|
| |
|
|
| |
для: 777
(10.06.2006 в 17:12)
| | | тэг <div> не закрыт.
в ячейках с фонами 01, 03, 06 надо поставить valign=top,
в ячейке с фоном 09 - valign=bottom
в ячейказ с фонами 10 и 13 тоже, возможно, требуется valign=top
трудно проверять, если нет картинок. | |
| |
|
|
| |
автор: 777 (10.06.2006 в 17:12) |
|
| |
для: 777
(09.06.2006 в 20:30)
| | | Вот весь код страницы:
<HTML>
<HEAD>
<TITLE>fon</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (fon.jpg) -->
<TABLE WIDTH=500 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD ROWSPAN=9>
<IMG SRC="images/fon_01.gif" WIDTH=26 HEIGHT=381 ALT=""></TD>
<TD COLSPAN=3>
<IMG SRC="images/fon_02.gif" WIDTH=325 HEIGHT=8 ALT=""></TD>
<TD COLSPAN=2 ROWSPAN=5>
<IMG SRC="images/fon_03.gif" WIDTH=139 HEIGHT=265 ALT=""></TD>
<TD ROWSPAN=9>
<IMG SRC="images/fon_04.gif" WIDTH=10 HEIGHT=381 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="images/fon_05.gif" WIDTH=10 HEIGHT=239 ALT=""></TD>
<TD>
<IMG SRC="images/fon_06.gif" WIDTH=307 HEIGHT=10 ALT=""></TD>
<TD ROWSPAN=3>
<IMG SRC="images/fon_07.gif" WIDTH=8 HEIGHT=239 ALT=""></TD>
</TR>
<TR>
<TD>
<div style="background-color:black;border:3px solid darkblue;"></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/fon_09.gif" WIDTH=307 HEIGHT=10 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=4>
<IMG SRC="images/fon_10.gif" WIDTH=10 HEIGHT=87 ALT=""></TD>
<TD COLSPAN=2>
<IMG SRC="images/fon_11.gif" WIDTH=315 HEIGHT=18 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/fon_12.gif" WIDTH=445 HEIGHT=11 ALT=""></TD>
<TD ROWSPAN=2>
<IMG SRC="images/fon_13.gif" WIDTH=9 HEIGHT=59 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/fon_14.gif" WIDTH=445 HEIGHT=48 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="images/fon_15.gif" WIDTH=454 HEIGHT=10 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/fon_16.gif" WIDTH=464 HEIGHT=47 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=307 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=8 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=130 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=9 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>
|
| |
| |
|
|
| |
автор: 777 (09.06.2006 в 20:30) |
|
| |
для: elenaki
(09.06.2006 в 18:27)
| | | Див вообще пустой.
Вот ->
То, что красное - остатки от дива. | |
| |
|
|
| |
|
|
| |
для: 777
(09.06.2006 в 17:36)
| | | а что за текст? может, текст слишком широк (длинные слова без пробелов)?
хотелось бы посмотреть скриншот (только сделайте у дива границы, чтоб он
был виден) | |
| |
|
|
| |
автор: 777 (09.06.2006 в 17:36) |
|
| |
для: elenaki
(09.06.2006 в 17:00)
| | | Сократил див до такого:
<div style="background-color:#FFFFFF;"></div>
|
безрезультатно. | |
| |
|
|
| |
|
|
| |
для: 777
(09.06.2006 в 16:56)
| | | попробуйте для начала убрать из его стиля все позиционирование:
padding:10px; width:305px; height:219px; overflow:auto;чтоб убедиться, что текст нормально вписывается. | |
| |
|
|
|
