Как разделить поля или отступы в WebView, чтобы мой текст не появлялся на фоне рисования границ? - PullRequest
Новая
       20

Как разделить поля или отступы в WebView, чтобы мой текст не появлялся на фоне рисования границ?

0 голосов
/ 23 апреля 2020

Я загружаю простой html текст внутри моего WebView. Я поместил фоновое изображение на него, и я хотел бы настроить прокрутку текста только внутри моего изображения. Сегодня он на границе, взгляните на изображение:

Пример изображения

Мой код html, загруженный в мой WebView 

    <!DOCTYPE html>
<html>
    <style> 
       .cab1{ color:#800000; font-weight: 900; text-align: center; }
       .cab2{ color:#B22222 } 
       .ul {margin-top:5px; list-style-type:square; margin-left:-20px}
       .body{bgcolor:#FFFFE0}

    </style>
    <body class='body'>
        <div>
            <p class="cab1">Pesquisa de Combinações de Cartas</p>
            <ul>
                <li class="cab2" >Combinação Carta 10</li>
                <ul class='ul'>
                    <li>c10 + c05 - Lesões</li>
                    <li>c10 + c05 - Feridas</li>
                    <li>c10 + c05 - Dores dolorosas</li>
                    <li>c10 + c05 - Intervenção médica</li>
                    <li>c10 + c05 - Vida em perigo</li>
                    <li>c10 + c05 - Biópsia</li>
                </ul>
            </ul>
            <ul>
                <li class="cab2">Área da Saúde ( partes do corpo, doenças e infernidades )</li>
                <ul class='ul'>
                    <li>c10 + c05 - Perigo de vida</li>
                    <li>c10 + c05 - Saúde em perigo</li>
                    <li>c10 + c05 - Cirurgia</li>
                </ul>
            </ul>

            <ul>
                <li class="cab2">Área da Saúde 2 </li>
                <ul class='ul'>
                    <li>c10 + c05 - Perigo de vida</li>
                    <li>c10 + c05 - Saúde em perigo</li>
                    <li>c10 + c05 - Cirurgia</li>
                </ul>
            </ul>

            <ul>
                <li class="cab2">Área da Saúde 3</li>
                <ul class='ul'>
                    <li>c10 + c05 - Perigo de vida</li>
                    <li>c10 + c05 - Saúde em perigo</li>
                    <li>c10 + c05 - Cirurgia</li>
                </ul>
            </ul>

            <ul>
                <li class="cab2">Área da Saúde 4</li>
                <ul class='ul'>
                    <li>c10 + c05 - Perigo de vida</li>
                    <li>c10 + c05 - Saúde em perigo</li>
                    <li>c10 + c05 - Cirurgia</li>
                </ul>
            </ul>

            <ul>
                <li class="cab2">Área da Saúde 5</li>
                <ul class='ul'>
                    <li>c10 + c05 - Perigo de vida</li>
                    <li>c10 + c05 - Saúde em perigo</li>
                    <li>c10 + c05 - Cirurgia</li>
                </ul>
            </ul>
        </div>
    </body>
</html>

Мой код WebView 

mWeb.setBackgroundColor(0x00000000); // transparent 
mWeb.setBackgroundResource(R.drawable.pergaminho01); // My image is loaded here
mWeb.loadDataWithBaseURL(null, html, "text/html", "UTF-8", null); // my variable html is loaded here

Я надеюсь, что смог передать то, что я пытаюсь сделать, и получил от вас любую помощь. Спасибо за вашу помощь С уважением

1 Ответ

0 голосов
/ 24 апреля 2020

Я нашел решение, все что мне нужно было сделать, это изменить HTML, добавив этот код в мой основной DIV: 

<div style="width: 400px; height: 300px; overflow-y: scroll; margin-top:250px">

С уважением

...