Jump to content
  • 0

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

ppvkomi

Asked by ppvkomi,

 Share

Question

ppvkomi Explorer

ppvkomi

Posted
Posted

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

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
psywalker Explorer

psywalker

Posted
Posted

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
psywalker Explorer

psywalker

Posted
Posted
background-color: #336633; layer-background-color: #336633

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

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

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

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

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

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

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

Link to comment
Share on other sites
  • 0
ppvkomi Explorer

ppvkomi

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

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

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

<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
psywalker Explorer

psywalker

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

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

<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
Clayton Explorer

Clayton

Posted
Posted

ppvkomi

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

Link to comment
Share on other sites
  • 0
ppvkomi Explorer

ppvkomi

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

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

Правильно :)

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

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

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

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

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

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

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

А тут подсказывать то особо нечего, выноси стили ЦСС в отдельный файл, сделай красивее код 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
ppvkomi Explorer

ppvkomi

Posted
  • Author
Posted
А тут подсказывать то особо нечего, выноси стили ЦСС в отдельный файл, сделай красивее код 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
psywalker Explorer

psywalker

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

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

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

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

Link to comment
Share on other sites
  • 0
ppvkomi Explorer

ppvkomi

Posted
  • Author
Posted (edited)
Ты вот сюда зайди всё таки и давай начинай вникать с первой главы 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
ppvkomi Explorer

ppvkomi

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

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

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

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

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

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

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

<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
psywalker Explorer

psywalker

Posted
Posted

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

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

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

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

Link to comment
Share on other sites
  • 0
ppvkomi Explorer

ppvkomi

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

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

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

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

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

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

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

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

Edited by ppvkomi
Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

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

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

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

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

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
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • 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

  I accept