Jump to content
  • 0

подскажите немного


ppvkomi
 Share

Question

Скажите будте так добры

1.правельно ли написан код

<div id="apDiv1" style="position: absolute; left: 213px; top: 20px; width: 492px; height: 130px; z-index: 1; text-align: center; background-color: #336633; layer-background-color: #336633; border: 1px none #000000;"><h3>НАВИГАТОРЫ</h3>

<ul>

<li>ля-ля-ля-ля</li>

<li>ля-ля-ля-ля</li>

<li>ля-ля-ля-ля</li>

</ul>

</div>

<div id="apDiv2" style="position: absolute; left: 711px; top: 20px; width: 492px; height: 130px; z-index: 2; text-align: center; background-color: #006699; layer-background-color: #006699; border: 1px none #000000;"><h3>НАВИГАТОРЫ</h3>

<ul>

<li>ля-ля-ля-ля</li>

<li>ля-ля-ля-ля</li>

<li>ля-ля-ля-ля</li>

</ul>

</div>

2.что бы фон был разный только так получиться или можно как то проще сделать

#apDiv1 {

background-image: url(shapka-3.jpg);

}

#apDiv2 {

background-image: url(shapka-2.jpg);

}

И последнее как убрать макросы.

Link to comment
Share on other sites

22 answers to this question

Recommended Posts

  • 0

1) Привет, снова ты? Ну молодец, в общем во первых код нужно вставлять в спец.теги для этого

2) Код написан почти правильно, вот этого свойства НЕ существует layer-background-color: #336633;

3) CSS всегда выноси в отдельный файл стилей

4) Делай код красивее, отступы, и иерархию

5)

2.что бы фон был разный только так получиться или можно как то проще сделать

Можно и так, думаю на первое время тебе будет в самый раз

6)

И последнее как убрать макросы.

Не макросы, а буллиты, убираются с помощью http://htmlbook.ru/css/list-style-type.html

Link to comment
Share on other sites

  • 0
background-color: #336633; layer-background-color: #336633

ну я так думаю это можно удалить и вовсе так как будет задан фон через стили.

Я правельно думаю ?

Удаляй только второе, а первое не трогай

Link to comment
Share on other sites

  • 0
понял так и поступим сейчас ,булиты убрал спасибо за подсказку.

Добавил вырывнивание текста по левому краю,осталось понять про спец теги и строчку делай код красевее

Спец.теги - это на панели сверху, где ты пишешь посты на например в этом топике, называются бб-код

Link to comment
Share on other sites

  • 0
Спец.теги - это на панели сверху, где ты пишешь посты на например в этом топике, называются бб-код

Да что то я опять попал.разбераться надо,

ладно такой вопрос ?

<div id="apDiv1" style="position: absolute; left: 213px; top: 20px; width: 492px; height: 130px; z-index: 1; text-align: center; background-color: #336633; border: 1px none #000000;"><h3>НАВИГАТОРЫ</h3>

<div align=left>

<ul>

<li><a href="index.php">Главная</a></li>

<li>ля-ля-ля-ля</li>

<li>ля-ля-ля-ля</li>

</ul>

</div>

</div>

В списке ссылка правельно написана

Link to comment
Share on other sites

  • 0
Да что то я опять попал.разбераться надо,

ладно такой вопрос ?

<div id="apDiv1" style="position: absolute; left: 213px; top: 20px; width: 492px; height: 130px; z-index: 1; text-align: center; background-color: #336633; border: 1px none #000000;"><h3>НАВИГАТОРЫ</h3>

<div align=left>

<ul>

<li><a href="index.php">Главная</a></li>

<li>ля-ля-ля-ля</li>

<li>ля-ля-ля-ля</li>

</ul>

</div>

</div>

В списке ссылка правельно написана

Правильно :)

Ты так будешь спрашивать по каждой детали?

Link to comment
Share on other sites

  • 0

ppvkomi

Не проще ли здесь почитать http://stepbystep.htmlbook.ru/ хотя бы про html и css, чем такие вопросы задавать? Вы так никогда его не доделаете, если не научитесь хотя бы в простых вещах сами разбираться.

Link to comment
Share on other sites

  • 0
это вообще к чему?

а что не нужно ?

Правильно :)

Ты так будешь спрашивать по каждой детали?

Да нет конечно же нет.

Делай код красивее, отступы, и иерархию

Подскажи поподробнее по поводу этого.

Link to comment
Share on other sites

  • 0
Делай код красивее, отступы, и иерархию

Подскажи поподробнее по поводу этого.

А тут подсказывать то особо нечего, выноси стили ЦСС в отдельный файл, сделай красивее код HTML, постарайся по крайней мере, соблюдай вложенность конструкций. Вот тебе пример, посмотри код и постарайся привести свой к такомуже виду(хотябы постарайся, но попробуй 100% !) http://psywalker.ru/Portfolio/Sandex/main-page.html

Далее когда прописываешь какие то свойства, например border: 1px none #000000;, всегда заходи сюда http://htmlbook.ru/css/, ищи его в левой колонке и смотри как они правильно пишутся и что означают! :)

Link to comment
Share on other sites

  • 0
А тут подсказывать то особо нечего, выноси стили ЦСС в отдельный файл, сделай красивее код HTML, постарайся по крайней мере, соблюдай вложенность конструкций. Вот тебе пример, посмотри код и постарайся привести свой к такомуже виду(хотябы постарайся, но попробуй 100% !) http://psywalker.ru/Portfolio/Sandex/main-page.html

Далее когда прописываешь какие то свойства, например border: 1px none #000000;, всегда заходи сюда http://htmlbook.ru/css/, ищи его в левой колонке и смотри как они правильно пишутся и что означают! :)

Спасибо будем продолжать изучение

А тут подсказывать то особо нечего, выноси стили ЦСС в отдельный файл, сделай красивее код HTML, постарайся по крайней мере, соблюдай вложенность конструкций. Вот тебе пример, посмотри код и постарайся привести свой к такомуже виду(хотябы постарайся, но попробуй 100% !) http://psywalker.ru/Portfolio/Sandex/main-page.html

Далее когда прописываешь какие то свойства, например border: 1px none #000000;, всегда заходи сюда http://htmlbook.ru/css/, ищи его в левой колонке и смотри как они правильно пишутся и что означают! B)

выноси стили ЦСС в отдельный файл

Я так понимаю нужно создать отдельный фаил и потомсделать погрузку к основному или как там правельно это называется?

Link to comment
Share on other sites

  • 0
Спасибо будем продолжать изучение

выноси стили ЦСС в отдельный файл

Я так понимаю нужно создать отдельный фаил и потомсделать погрузку к основному или как там правельно это называется?

Ты вот сюда зайди всё таки и давай начинай вникать с первой главы http://stepbystep.htmlbook.ru/ А после уже придёшь заново :)

Link to comment
Share on other sites

  • 0
Ты вот сюда зайди всё таки и давай начинай вникать с первой главы http://stepbystep.htmlbook.ru/ А после уже придёшь заново :)

ну отлично только последнее и все потом доставать перестану пока не вникну толком

сейчас вот так

9iOFNMSouq.jpg

а так получается когда я вставляю свой код

http://pic.ipicture.ru/uploads/091121/RKTDgiC4nU.jpg

Как видно из примера мое меню налазит на картинки ,а надо что бы оно встало за место надписей.

Подскажи что не так и пойду я все читать да вникать.

Edited by ppvkomi
Link to comment
Share on other sites

  • 0
А я не понял, что должно получится, дай итоговый скрин.

Далее покажи код

Сейчас исправлю скрины

А я не понял, что должно получится, дай итоговый скрин.

Далее покажи код

Скрины исправил ,

вот за место этого кода хочу добавить свой код :

<table border="0" cellpadding="5" width="100%">

<tbody><tr>

<td align="center" valign="top" width="1%">

</td>

<td valign="top" width="24%">

<a href="index.php?categoryID=2" class="cat">автонавигаторы</a>

<font class="olive">(15)</font>

<br>

<a href="index.php?categoryID=65" class="standard">BBK</a>

<br>

<a href="index.php?categoryID=64" class="standard">GARMINE</a>

<br>

<a href="index.php?categoryID=25" class="standard">GLOBUS GPS</a>

<br>

<a href="index.php?categoryID=9" class="standard">MIO</a>

</td>

<td align="center" valign="top" width="1%">

</td>

<td valign="top" width="24%">

<a href="index.php?categoryID=24" class="cat">простые телефоны</a>

<font class="olive">(120)</font>

<br>

<a href="index.php?categoryID=74" class="standard">INTEGO</a>

<br>

<a href="index.php?categoryID=81" class="standard">LG</a>

<br>

<a href="index.php?categoryID=80" class="standard">Panasonic</a>

<br>

<a href="index.php?categoryID=87" class="standard">Samsung</a>

<br>

<a href="index.php?categoryID=72" class="standard">ВЕКТОР</a>

<br>

<a href="index.php?categoryID=79" class="standard">ДИАЛОГ</a>

<br>

<a href="index.php?categoryID=73" class="standard">ТЕЛФОН</a>

</td>

<td align="center" valign="top" width="1%">

</td>

<td valign="top" width="24%">

<a href="index.php?categoryID=5" class="cat">радиотелефоны</a>

<font class="olive">(95)</font>

<br>

<a href="index.php?categoryID=83" class="standard">BBK</a>

<br>

<a href="index.php?categoryID=82" class="standard">General Electric</a>

<br>

<a href="index.php?categoryID=21" class="standard">Panasonic</a>

<br>

<a href="index.php?categoryID=77" class="standard">PHILIPS</a>

<br>

<a href="index.php?categoryID=22" class="standard">Siemens</a>

</td>

<td align="center" valign="top" width="1%">

</td>

<td valign="top" width="24%">

<a href="index.php?categoryID=28" class="cat">телефоны РЕТРО</a>

<font class="olive">(22)</font>

<br>

<a href="index.php?categoryID=76" class="standard">дисковые</a>

<br>

<a href="index.php?categoryID=52" class="standard">кнопочные</a>

</td>

</tr>

<tr>

<td align="center" valign="top" width="1%">

</td>

<td valign="top" width="24%">

<a href="index.php?categoryID=3" class="cat">телефоны с дисплеем</a>

<font class="olive">(98)</font>

<br>

<a href="index.php?categoryID=19" class="standard">INTEGO</a>

<br>

<a href="index.php?categoryID=16" class="standard">ВЕКТОР</a>

<br>

<a href="index.php?categoryID=18" class="standard">ДИАЛОГ</a>

<br>

<a href="index.php?categoryID=15" class="standard">ТЕЛФОН</a>

</td>

<td align="center" valign="top" width="1%">

</td>

<td valign="top" width="24%">

<a href="index.php?categoryID=26" class="cat">телефоны с определителем номера</a>

<font class="olive">(9)</font>

<br>

<a href="index.php?categoryID=41" class="standard">Caller ID (для цифровых станций)</a>

<br>

<a href="index.php?categoryID=75" class="standard">АОН</a>

</td>

<td align="center" valign="top" width="1%">

</td>

<td valign="top" width="24%">

<a href="index.php?categoryID=4" class="cat">телефоны-игрушки</a>

<font class="olive">(28)</font>

<br>

<a href="index.php?categoryID=78" class="standard">ТЕЛФОН</a>

</td>

<td align="center" valign="top" width="1%">

</td>

<td valign="top" width="24%">

<a href="index.php?categoryID=6" class="cat">шнуровые трубки</a>

<font class="olive">(94)</font>

<br>

<a href="index.php?categoryID=86" class="standard">General Electric</a>

<br>

<a href="index.php?categoryID=85" class="standard">INTEGO</a>

<br>

<a href="index.php?categoryID=47" class="standard">ВЕКТОР</a>

<br>

<a href="index.php?categoryID=48" class="standard">ДИАЛОГ</a>

<br>

<a href="index.php?categoryID=84" class="standard">ТЕЛФОН</a>

</td>

</tr>

</tbody></table>

скрины поменял код выложил.

Link to comment
Share on other sites

  • 0

1) Во первых забудь про таблицы, после курса ты должен их забросить и перейти на слои(из курса узнаешь, что это такое)

2) Меню надо делать списками, ul, ol, так же из курса всё станет понятно

3) Да и вообще конеш налазит на картинки, у тебя же картинки фоном, а сверху ты уже строишь сайт

В общем топай учиться, закончишь, приходи

Link to comment
Share on other sites

  • 0
1) Во первых забудь про таблицы, после курса ты должен их забросить и перейти на слои(из курса узнаешь, что это такое)

2) Меню надо делать списками, ul, ol, так же из курса всё станет понятно

3) Да и вообще конеш налазит на картинки, у тебя же картинки фоном, а сверху ты уже строишь сайт

В общем топай учиться, закончишь, приходи

спасибо большое пойду учиться .

Я так понял мой код не прокатит я прав или его просто нужно доработать.

а если писать таблице то тоже будет налазить или нет ?

это так просто спросил так как сайт основан на таблицах,а я пошел читать все.

Edited by ppvkomi
Link to comment
Share on other sites

  • 0
спасибо большое пойду учиться .

Я так понял мой код не прокатит я прав или его просто нужно доработать.

а если писать таблице то тоже будет налазить или нет ?

это так просто спросил так как сайт основан на таблицах,а я пошел читать все.

1) Твой код не то что не прокатит, а он вообще говно полное и тебе просто надо о нём забыть, как о страшном сне

2) На чём бы ты не делал сайт, фон body всегда будет внизу, под ним

3) Учи вёрстку на слоях!!!

Давай удачи тебе, по итогам будет видно, обманывал ты нас или нет :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 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