Центриране на картинка с линка

Post Reply
User avatar
Hous
Гуру
Гуру
Posts: 2538
Joined: Sat Mar 22, 2008 9:19 pm
Answers: 111
Location: У нас

Центриране на картинка с линка

Post by Hous » Sat Jan 07, 2017 10:05 am

Здравейте, искам да центрирам картинка с линк, но самия линк да остане само върху картинката а не и на разстоянието от ляво и дясно на нея.
Към момента я центрирам така:

Code: Select all

<a href="bla">
<img class="aligncenter" src="kartinka.jpg" border="0">
</a>

Code: Select all

    clear&#58; both;
    margin-top&#58; 0;
    margin-bottom&#58; 1.6em;

.aligncenter &#123;
    display&#58; block;
    margin-right&#58; auto;
    margin-left&#58; auto;
&#125;
Ако изтрия display:block се оправя линка но картинката не се центрира. Можете ли да дадете идея?

User avatar
syneidesys
Турист
Турист
Posts: 246
Joined: Fri Nov 02, 2012 7:57 am
Answers: 27
Contact:

Post by syneidesys » Sat Jan 07, 2017 10:14 am

Трябва да го сложиш във блоков елемент като DIV и да му дадеш определени размери.

User avatar
Hous
Гуру
Гуру
Posts: 2538
Joined: Sat Mar 22, 2008 9:19 pm
Answers: 111
Location: У нас

Post by Hous » Sat Jan 07, 2017 10:15 am

Понеже става дума за уордпрес пост, няма как да добавям DIV елемент.

User avatar
Revelation
Потребител
Потребител
Posts: 777
Joined: Sun Mar 24, 2013 1:23 pm
Answers: 57

Post by Revelation » Sat Jan 07, 2017 10:57 am

Hous wrote:Понеже става дума за уордпрес пост, няма как да добавям DIV елемент.
Е както добавяш <a> и <img> не можеш ли да ги опаковаш в <div>? Не знам какво използваш(като плъгини или директно бараш кода), но би трябвало да можеш.

User avatar
Hous
Гуру
Гуру
Posts: 2538
Joined: Sat Mar 22, 2008 9:19 pm
Answers: 111
Location: У нас

Post by Hous » Sat Jan 07, 2017 12:04 pm

Директно в пост-а е и за това не мога да пипам по кода, само css-a

User avatar
syneidesys
Турист
Турист
Posts: 246
Joined: Fri Nov 02, 2012 7:57 am
Answers: 27
Contact:

Post by syneidesys » Sat Jan 07, 2017 12:59 pm

Ами виж това което добавяш във какъв блоков елемент се пада и на него със CSS му дай размери и начини за центроване като margin:auto.

Post Reply