mxm008
-
Posts
16 -
Joined
-
Last visited
mxm008's Achievements
Explorer (1/14)
0
Reputation
-
Это все конечно круто, но это же только шапка. Ее на div'ах можно сверстать, а потом же пойдет тело, там куча блоков - там на div' ах будет сложно... Мне в теле нужно будет сделать сайдбар, я не знаю как это реализовать без таблицы.
-
Возникла проблема: у меня по разному отображается в проге Dreamweaver и браузере. На первой картинке то что у меня в Дримвейвере, а на второй то что в браузере. P.S. Я использую у себя установленый сервер. Код html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table class="main" width="850" callpadding="0" cellspacing="0"> <tr> <td valign="top" width="250"><div class="nav_mag"> <a href="#" target="_blank"><img src="img/logo2.jpg" border="0"></a></div> </td> <td valign="top"><div class="nav_mag"><div class="nav_blok"> <p class="nav_link">ПРИМЕР</p> </div></div> </td> </tr> </table> </body> </html> Код css: /* CSS Document */ body { background-color: #eeeeee; margin: 0px;} table.main { border: 1px solid #999999; border-top: none; background-color: #ffffff; margin: 0 auto; padding: 0px;} p.nav_link { font-family: trebuchet ms; font-size: 24px; font-weight: bold;} .nav_mag { padding: 0px; padding-top: 30px; padding-bottom: 30px; margin: 0px;} .nav_blok { background-color: #424242; height: 90px; border: none;} Помогите плиз!!!
-
Justnewone и psywalker Спасибо за помощь Да, таких блоков будет по 4 в одном ряду, и они будут друг за другом. Можете пояснить про списки UL. А то я думал, что это только к тексту списки применяются...
-
Вот скрин. Расстояние, на которое указывают стрелки нужно сделать меньше. То, что показано на рисунке я сделал так: 1. Блок с датой "9 августа" - это div. 2. Затем, после этого div'a я поставил <br> 3. Ну и дальше картинка. Это код вышеописанного... <div class="subname"> <font class="sub2">с 9 августа</font> </div> <br> <a href="#" target="_parent"><img src="../img/02.jpg" class="big"></a>
-
Подскажите пожалуйста, как можно уменьшить расстояние в теге <br>. Чтобы отступ был поменьше, чем стандартный. P.S. смотрел на сайте, там только для элементов <p> есть такая штука...
-
psywalker Спасибо огромное за реальную помощь!
-
Вобщем пробывал по-разному... Сделал так: <div {width: 740; align: center;}> <div {float: left;}> <table border="1" width="500" height="400"> <tr> <td>sdfgsdfg </td> </tr> </table> </div> <table border="1" width="240" height="400"> <tr> <td>sdfgsdfg </td> </tr> </table> </div> Но увы, не работает... Наверное я что-то недопонимаю, либо я не знаю уже... Я и про float читал на сайте, все равно не могу понять как это все должно работать.
-
<div width="740" align="center"> <table border="1" width="500" height="400"> <tr> <td>sdfgsdfg </td> </tr> </table> <table border="1" width="240" height="400"> <tr> <td>sdfgsdfg </td> </tr> </table> </div> Вот код, но он не делает две таблицы по центру...
-
Почему-то не получается, может есть более "радикальный" способ? Или может конкретный код скажите? А то я можт чего не так делаю...
-
Мне нужно сделать, чтобы две разные таблицы стояли по центру. (как на картинке).
-
Спасибо большое за ответ, теперь хотелось бы узнать, какой из этих способов самый легкий и простой в применении. Чтобы можно было встроить в уже готовый сайт, а не переделывать все по-новой.
-
Я делаю сайт только на html и css. Css у меня в отдельном файле, то есть если я в нем что-то изменю, то это отобразится на всех страницах. А как сделать такое же для html ? Чтобы если делать изменения, они на всех страницах отображались. P.S Просто если у меня 50-60 страниц на сайте, и все вручную изменять, с ума можно сойти...))
-
Ну да я его к картинке применяю, а что значит к родительскому?
-
a:link {color: #000000; text-decoration: underline;} a:active {color: #000000; text-decoration: underline;} a:visited {color: #000000; text-decoration: underline;} a:hover {color:#000000; text-decoration: none;} a.pro:link {color: #ffffff; text-decoration: underline;} a.pro:active {color: #ffffff; text-decoration: underline;} a.pro:visited {color: #ffffff; text-decoration: underline;} a.pro:hover {color:#ffffff; text-decoration: none; } a.pro3:link {color: #1fa7d3; text-decoration: underline;} a.pro3:active {color: #1fa7d3; text-decoration: underline;} a.pro3:visited {color: #1fa7d3; text-decoration: underline;} a.pro3:hover {color:#1fa7d3; text-decoration: none; } a.pro2:link {color: #d17480; text-decoration: underline;} a.pro2:active {color: #d17480; text-decoration: underline;} a.pro2:visited {color: #d17480; text-decoration: underline;} a.pro2:hover {color: #d17480; text-decoration: none; } a.pro1:link {color: #1fa7d3; text-decoration: underline;} a.pro1:active {color: #1fa7d3; text-decoration: underline;} a.pro1:visited {color: #1fa7d3; text-decoration: underline;} a.pro1:hover {color: #1fa7d3; text-decoration: none; } a.pro4:link {color: #000000; text-decoration: none;} a.pro4:active {color: #000000; text-decoration: none;} a.pro4:visited {color: #000000; text-decoration: none;} a.pro4:hover {color: #000000; text-decoration: none; } a.pro5:link {color: #d17480; text-decoration: none;} a.pro5:active {color: #d17480; text-decoration: none;} a.pro5:visited {color: #d17480; text-decoration: none;} a.pro5:hover {color: #d17480; text-decoration: none;} .b { margin-bottom: 40; } .left2 { margin-left: 20; margin-right: 20; } .rec { margin-top: 30; margin-bottom: 30; } .v { border: 1px solid #000000; padding: 3px; } Вот полный код стилей. Мне нужно сделать рамку вокруг изображения 1 px и с отступом от картинки 3 px
-
Попробывал... Не помогло (( К сожалению.