2016-10-07 11 views
1

Мне нужно выстроить текст рядом с изображением сверху вниз.Проблема с CDATA. Текст строки прерывается рядом с изображением

Я использую <br/> внутри CDATA, но тексты выстроены в нижней части изображения. Как исправить проблему, чтобы текст мог выравниваться рядом с изображением сверху?

<?xml version="1.0" encoding="UTF-8"?> 
<kml xmlns="http://www.opengis.net/kml/2.2"> 
<Placemark> 
     <name>Miami, FL</name> 
<description>  
     <![CDATA[<img  
src="http://wfarm1.dataknet.com/static/resources/icons/set95/5076c9d9.png"/> 
<br/> 
     Address: 180 Howard St. San Francisco, CA 94105. <br />  
     Phone:415-555-3322. <br/> 
     Type: Kids Play Center. <br/> 
     Fax: 515-666-3311]]> 
</description> 
    <Point><coordinates>-80.19179,25.76168</coordinates></Point> 
</Placemark> 
</kml> 

ответ

1

я предлагаю немного CSS здесь:

<img src="..." style="float:left;"/> 
Address: ... <br /> 
Phone: ... <br/> 
Type: ... <br/> 
Fax: ... 
+0

спасибо, Маленький Санти. Он работает чудесно. – Sky

+0

Отлично! Добро пожаловать. :-) –

-1

Вы также можете использовать таблицу здесь. Это более старая школа, чем CSS, но она также работает:

<![CDATA[ 
<table> 
    <tr> 
    <td> 
     <img src="http://wfarm1.dataknet.com/static/resources/icons/set95/5076c9d9.png"/> 
    </td> 
    <td> 
     Address: 180 Howard St. San Francisco, CA 94105. <br />  
     Phone: 415-555-3322. <br/> 
     Type: Kids Play Center. <br/> 
     Fax: 515-666-3311 
    </td> 
    </tr> 
</table> 
]]> 
+0

К счастью, прошло около двух десятилетий с тех пор, как был введен CSS, поэтому нам больше не нужно прибегать к таким хакам. Таблицы предназначены для табличных данных, а не для макета. – Quentin

+0

Да, это очень верно в Интернете, но мы говорим здесь о веб-представлениях в Google Earth, которые, к сожалению, несколько отличаются от зверя. До этого года (2017 г.) большинство версий Google Планета Земля использовала очень старую версию QT + WebKit для рендеринга HTML в воздушных шарах. У него была очень ограниченная поддержка CSS, поэтому таблицы по-прежнему были хорошим, простым, обратно совместимым вариантом, по крайней мере для базовых воздушных шаров. Теперь, когда классическая Земля (v7) поддерживает QT5, а новые версии Google Планета Земля (v9) поддерживают последние браузеры, преимущество таблиц над CSS почти исчезло. –

 Смежные вопросы

  • Нет связанных вопросов^_^