Jump to content
  • 0

Несколько вопросов по верстке макета.


skygazer
 Share

Question

В процессе верстки этого макета возникло несколько вопросов, мне кажется я сэкономлю кучу времени и нервов, задав все свои дурацкие вопросы сейчас -_-

Как правильно разместить верхние картинки- женщину с телефоном, название банка и контактный телефон?

Вот как я это сделал, выглядит пока нормально, но мне кажется я что-то делаю не так. Мне не нравится что в firefox, например, изображение можно утянуть курсором, не знаю как это исправить.

html

<div id="img1"></div>
<div id="img2"></div>

css

 #img1{
width:279px;
height:132px;
position:absolute;
left:25px;
background:url(images/orange1_02.png);
cursor:pointer;}

#img2{
position:absolute;
background:url(images/orange_04.jpg);
width:376px;
height:105px;
left:329px;
cursor:pointer;
}

Желтая пунктирная полоска посредине должна тянуться, ее можно сделать через border-bottom?

Оранжевые полоски снизу и слева страницы нужно делать отдельными слоями, или их можно как-то вписать в бэкграунд body, например?

Прошу прощения за тупые вопросы :)

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

Сделал желтую пунктирную полоску через background repeat-x, подскажите как задать ширину этому слою? сейчас просто чтобы выглядело нормально, задал ширину слоя в процентах, уж очень хочется сразу видеть результат :)

34920320890.png

Правда при меньшем разрешении это все разлазится.

34920373055.png

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