Космос в DIV? - PullRequest
Новая
       34

Космос в DIV?

0 голосов
/ 14 мая 2010

Можно ли избежать пробелов X & Y (см. Изображение)? В CSS нет отступов!

http://img27.imageshack.us/img27/9743/ciaoja.jpg

<html> 
    <head> 
        <title>Prova WIDGET</title> 

        <link rel="stylesheet" href="jquery-ui-1.8.1.custom/css/ui-lightness/jquery-ui-1.8.1.custom.css" type="text/css"> 

        <script src="jquery-ui-1.8.1.custom/development-bundle/jquery-1.4.2.js" type="text/javascript"></script> 
        <script src="jquery-ui-1.8.1.custom/js/jquery-ui-1.8.1.custom.min.js" type="text/javascript"></script>

        <script type="text/javascript">
                $(themify);

                function themify(){
                    $("#pulsante").addClass("ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all"); //ui-button-text
                }
        </script>

        <style>#test{display:none}</style>

        <script type="text/javascript">
            function rendiVisibile(){
                if(document.getElementById("test").style.display = "none"){
                    $("#test").css({"width":"100px","float":"right","text-align":"center"}); 
                    $("#test").show("slide",{},1000);
                }
            }
        </script>

    </head> 
    <body> 
        <h2 class="ui-widget-header">Tentativo widget con DIV</h2> 
            <form action="">
                <input type="button" value="Submit" id="pulsante" onclick="rendiVisibile()";><br/></br>
                    <div id="test" class="ui-widget ui-widget-content ui-corner-all">
                    <h3 class="ui-widget-header ui-corner-all">CIAO</h3>
                        <p class="ui-widget-content ui-corner-all">Un saluto</p>
                    </div>
            </form>
    </body>
</html>

Ответы [ 2 ]

1 голос
/ 14 мая 2010

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

h1,h2,h3,h4,p,form { margin: 0; padding: 0; }

Некоторым людям нравится включать файл css для сброса, который сбрасывает все поля по умолчанию, отступы и т. Д. На ноль или общие значения, чтобы у вас не было различий, характерных для браузера.

0 голосов
/ 14 мая 2010

Как упоминает scunliffe, элементы h3 по умолчанию имеют значение запаса, и вам необходимо переопределить это с помощью: 

h3{ margin:0; }

Возможно, что-то еще происходит, но трудно сказать, не увидев файл css, на который вы ссылаетесь.

На самом деле многие html-элементы имеют «полезные» стили по умолчанию. Многие люди используют таблицу стилей сброса, чтобы удалить все эти стили по умолчанию и убедиться, что у них есть чистый лист для начала. Проверьте эти ресурсы для получения дополнительной информации:

http://developer.yahoo.com/yui/reset/
http://meyerweb.com/eric/tools/css/reset/
https://stackoverflow.com/questions/167531/is-it-ok-to-use-a-css-reset-stylesheet

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...