Question

Как расположить в блоке "Полезные ссылки" два изображения рядом? Опытным путём выяснил, что там идеально по центру встают картинки шириной 180 пикселей. А две даже по 80 не встают.

Answer 1

Оправьте код фото:

<a href="https://sgo.egov66.ru/" target="_blank" style="display: inline-block;"> <img src="http://mbou12nt.ru/poleznye_ssylki/sgo.png" border="0" alt=""><p></p></a>

добавьте выделенное красным, после будет как вам нужно.

Comments

а размер картинок какой сделать? 90*90 можно?

---

mlp,

Можно 90х90

---

Yuri_Geruk,

вот какой код получился в блоке:

<a href="https://sgo.egov66.ru/" target="_blank" style="display: inline-block;"> <img src="http://mbou12nt.ru/poleznye_ssylki/sgo.png" border="0" alt="" /></p><a href="https://www.gosuslugi.ru/" target="_blank"> <img src="http://mbou12nt.ru/poleznye_ssylki/esia.png" border="0" alt="" /></p>

 

но какаое-то тире появилось внизу между картинками и периметр блока разорвался 

---

mlp,

Это простое подчеркивание ссылки, чтобы убрать, можете в стили новой строкой прописать:

.block-content a {text-decoration:none!important;}

---

Yuri_Geruk,

простите. всё сломалось, не в линию, а в столбик встали. не понимаю что не так. вот весь код блока:

 

<a href="https://sgo.egov66.ru/" target="_blank" style="display: inline-block;"> <img src="http://mbou12nt.ru/poleznye_ssylki/sgo.png" border="0" alt=""</a> <a href="https://www.gosuslugi.ru/" target="_blank"> <img src="http://mbou12nt.ru/poleznye_ssylki/esia.png" border="0" alt=""</a>
<a href="https://upro-ntagil.ru/" target="_blank"> <img src="http://mbou12nt.ru/poleznye_ssylki/upro_nt.png" border="0" alt=""></a>
<a href="https://minobraz.egov66.ru/" target="_blank"><img src="http://mbou12nt.ru/poleznye_ssylki/min_obr_molod_polit_66.jpg" border="0" alt=""></a>
<p style="text-align: center;"><a href="https://edu.gov.ru//" target="_blank"> <img src="http://mbou12nt.ru/poleznye_ssylki/min_prosv_rf.png" border="0" alt=""></a>
<a href="https://bus.gov.ru/" target="_blank"><img src="http://mbou12nt.ru/poleznye_ssylki/bus_gov.png" border="0" alt=""></a>
<a href="https://edu.egov66.ru/" target="_blank"> <img src="http://mbou12nt.ru/poleznye_ssylki/eduegov66.gif" border="0" alt=""></a>

 

---

mlp,

Поправьте код:

<a href="https://www.gosuslugi.ru/" target="_blank" style="display: inline-block;"> <img src="http://mbou12nt.ru/poleznye_ssylki/esia.png" border="0" alt="" <="" a=""> </a>

добавить красное.

---

Yuri_Geruk,

Юрий! Это невероятно круто! Я понял. Спасибо!!