Jump to content
  • 0

Перенос строки на кнопке


px379
 Share

Question

Здравствуйте! Столкнулся с такой проблемой, есть кнопка, на кнопке надпись в одну строку. Надо ниже, добавить еще одну строку. <br /> не катит, он переносит не только текст, но и саму кнопку.

 

Screen_Shot00152.jpg

 

HTML

<div id="shop"><a href="http://mebelny.in.ua/shop/" class="friend" target="_blank" title="Партнер сайта"/>ИНТЕРНЕТ МАГАЗИН</a></div>

CSS

.friend{text-decoration:none; text-align:center;  padding:10px 33px;  border:solid 1px #850101;  -webkit-border-radius:0px 4px 4px 0px; 	 				 border-radius: 0px 4px 4px 0px; 					-moz-border-radius-topleft:0px; 					-moz-border-radius-topright:4px; 					-moz-border-radius-bottomleft:0px; 					-moz-border-radius-bottomright:4px;   font:14px Arial, Helvetica, sans-serif;   color:#ffffff;  background:#850101;  -webkit-box-shadow:inset 0,0px 0,0px 1,1px #ffffff,#ffffff;  -moz-box-shadow:inset 0px 0px 1px #ffffff;  box-shadow:inset 0px 0px 1px #ffffff;      }.friend:hover{ padding:10px 33px;  border:solid 1px #ce1e1e;  -webkit-border-radius:0px 4px 4px 0px; 	 				 border-radius: 0px 4px 4px 0px; 					-moz-border-radius-topleft:0px; 					-moz-border-radius-topright:4px; 					-moz-border-radius-bottomleft:0px; 					-moz-border-radius-bottomright:4px;   font:14px Arial, Helvetica, sans-serif;  color:#ffffff;  background:#ce1e1e;  -webkit-box-shadow:inset 0,0px 0,0px 1,1px #ffffff,#ffffff;  -moz-box-shadow:inset 0px 0px 1px #ffffff;  box-shadow:inset 0px 0px 1px #ffffff;     }#shop{margin-top: 9px;}
Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0
  On 3/28/2014 at 2:35 AM, px379 said:

<br> не катит

  On 3/28/2014 at 3:33 AM, Switch74 said:

<br> например

 

Br переносит саму кнопку тоже, так как тег a по умолчанию inline. Надо добавить в класс friend display: block; и br будет работать как надо Вам.

Link to comment
Share on other sites

  • 0

Спасибо за помощь =)

 

  On 3/28/2014 at 5:29 AM, iKNG said:

 

  On 3/28/2014 at 2:35 AM, px379 said:

<br> не катит

 

 

  On 3/28/2014 at 3:33 AM, Switch74 said:

<br> например

 

Br переносит саму кнопку тоже, так как тег a по умолчанию inline. Надо добавить в класс friend display: block; и br будет работать как надо Вам.

 

 

  On 3/28/2014 at 7:37 AM, Great Rash said:

Спасибо за помощь =)

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