Jump to content

первая вёрстка

artur33

By artur33,
in Discussion of works

 Share

Recommended Posts

artur33 Explorer

artur33

Posted
Posted (edited)

Выбрал просто макет, для своей первой вёрстки и тут-же есть появились ошибки..

Вот сам макет.. 9e4cdd70c1ea.jpg

Вот что у меня получилось http://artur33.s1.webhost1.ru (только при первой загрузки шапка выше,но если перезагрузить всё ок)

Что можете сказать7 что исправить?? для первого раза как,получилась вёрстка?

Не знаю как сделать, точки на шапке, также непонятно как сделать отступ в 3-4 пкс в Featured works:.

Edited by artur33
Link to comment
Share on other sites
CyBer Explorer

CyBer

Posted
Posted (edited)

как зделать точки на шапке?

Ответ: задайте 

border:1px dotted #000;

чтобы сделать отступ стелочке задайте ей 

margin-right:-px

и советую разместить ваш шаблон по центру с помощью margin:0 auto;

а где DOCTYPE?

и meta с заданой кодировкой?

и еще еси вы откроете свою верстку в ИЕ то пойменете что это не верстка чер знает что!

Edited by CyBer
Link to comment
Share on other sites
artur33 Explorer

artur33

Posted
  • Author
Posted (edited)

border:1px dotted #000; - это получится что обводка будет.

при добавление <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

фоотер вжимается в центральный блок, margin не помагает...

вот собственно как выглядит http://artur33.s1.webhost1.ru/index1.html

Edited by artur33
Link to comment
Share on other sites
CyBer Explorer

CyBer

Posted
Posted (edited)
лучше подскажите как исправить,что лучше почитать, на какие теги при вёрстки больше обращать внимание!

для начала скачайте себе Adobe_Dreamweaver_CS5

посморите этот видеокурс

border:1px dotted #000; - это получится что обводка будет.

сори немного недописал 

border-right:1px dotted #000;

-вот так

без <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

сайт небудет правельно отображатся

Edited by CyBer
Link to comment
Share on other sites
cssview Explorer

cssview

Posted
Posted

По поводу doctype уже сказали, используйте его всегда.

По поводу стрелочки перед Featured works.

Вам нужно вырезать её отдельно, и задать background`oм с позиционированием слева для тега h2, где размещен текст Featured works.

Link to comment
Share on other sites
cssview Explorer

cssview

Posted
Posted

Код будет примерно такой:


.right-font h2 {
                 background: ("strelka.png") no-repeat left center; <- Указываем фон с позиционирование слева посередине
                 padding: 0 0 0 5px; <- Здесь делаем отступ текста от картинки (указателя), вычисляется как ширина картинки + нужный нам отступ
}

Верхнее меню. Убери картинки в тегах a, вынеси их в стили(css).

Link to comment
Share on other sites
artur33 Explorer

artur33

Posted
  • Author
Posted (edited)

спасибо, я знаю как разместить.. только я б так указал

.right-font h2 {
                 background: ("strelka.png") no-repeat left center; <- Указываем фон с позиционирование слева посередине
                 padding-left:5px; 
}

Edited by artur33
Link to comment
Share on other sites
cssview Explorer

cssview

Posted
Posted (edited)

спасибо, я знаю как разместить.. только я б так указал

.right-font h2 {
                 background: ("strelka.png") no-repeat left center; <- Указываем фон с позиционирование слева посередине
                 padding-left:5px; 
}

Записи идентичны. Что padding-left:5px;, что padding: 0 0 0 0;

5px;

Кстати, а зачем ты указываешь высоту для блока с класом .site?

Edited by cssview
Link to comment
Share on other sites
CyBer Explorer

CyBer

Posted
Posted
cssview, по поводу doctype , я в начале вёрстки забыл указать, а когда уже сверстал и выложил на растерзания вспомнил.

По поводу стрелочки, спасибо!

наверно кода я говорил вам открыть свою верстку в интернет екслоуер то я говорил сам собой!

Link to comment
Share on other sites
Serlutin Explorer

Serlutin

Posted
Posted

Ой, что-то всё такое мелкое. Я понимаю, что это так на макете задумано, но всё же ведь можно как-то побольше сделать.

Картинки в .center-11, .center-12, .center-13 должны быть ссылками.

Есть несколько лишних дивов. Например, #coper. Зачем он нужен? Ведь всё эти стили можно в .footer определить.

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
Reply to this topic...

×   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 topic listing
×
×
  • 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