css style на странице jsf неправильно отображается на сервере

Я устраиваю страницы jsf, но когда я запустил его, в браузере (Chrome) ничего не отображается.
Я использую затмение Kepler, glassfish4 и primefaces
Вот HTML кодcss style на странице jsf неправильно отображается на сервере

<div class="box"> 
     <p:graphicImage url="images/usericon.png" id="usericon" 
      alt="utilisateur IsetN"></p:graphicImage> 
     <br></br> 
     <p:inputText placeholder="Login" required="true"></p:inputText> 
     <br></br> 
     <p:password value="#{passwordController.password}" 
      promptLabel="#{msg['password.promptLabel']}" 
      weakLabel="#{msg['password.weakLabel']}" 
      goodLabel="#{msg['password.goodLabel']}" 
      strongLabel="#{msg['password.strongLabel']}" required="true" 
      placeholder="Mot de passe" /> 
     <br></br> 
     <p:commandButton value="Connexion" /> 
     <br></br> 
     <h:link url="#">Aide?</h:link><br></br> 
     </div>

и это стиль

 .box{ 
     height:100px; 
      width:100px; 
     /*border-radius*/ 
     -webkit-border-radius:15px; 
      -moz-border-radius:15px; 
      border-radius:15px; 
      background-color:#cdcdcd; 
      /*box-shadow*/ 
      -webkit-box-shadow:0 8px 6px -6px #efefef; 
      -moz-box-shadow:0 8px 6px -6px #efefef; 
      box-shadow:0 8px 6px -6px #efefef; 
      margin:50% 50% 50% 50%; 
       }

Примечание: компоненты без стиль очень хорошо работает.

источник

2013-11-20 MeknessiHamida

* «В браузере ничего не отображается» * Это никак не связано с CSS. Щелкните правой кнопкой мыши страницу в браузере, сделайте * View Source *. Что ты видишь? Вы видите исходный исходный код JSF или его сгенерированный вывод HTML? – BalusC

работаю для меня:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:ui="http://java.sun.com/jsf/facelets" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:f="http://java.sun.com/jsf/core" 
    xmlns:p="http://primefaces.org/ui" 
    xmlns:fn="http://java.sun.com/jsp/jstl/functions"> 

<h:head> 

    <style type="text/css"> 
.box { 
    height: 100px; 
    width: 100px; 
    /*border-radius*/ 
    -webkit-border-radius: 15px; 
    -moz-border-radius: 15px; 
    border-radius: 15px; 
    background-color: #cdcdcd; 
    /*box-shadow*/ 
    -webkit-box-shadow: 0 8px 6px -6px #efefef; 
    -moz-box-shadow: 0 8px 6px -6px #efefef; 
    box-shadow: 0 8px 6px -6px #efefef; 
    margin: 50% 50% 50% 50%; 
} 
</style> 


</h:head> 

<h:body> 

    <div class="box"> 
     <p:inputText placeholder="Login" required="true" value="#"></p:inputText> 
    </div> 

</h:body> 
</html>

Когда я запустил свой CSS, я обнаружил, что "запас: 50% 50% 50% 50%;" поставьте серое окно посередине экрана, но мне пришлось прокручивать его, чтобы увидеть его! Я знаю, что это глупо, но уверены ли вы, что ваши компоненты не просто отображаются за пределами основной области прокрутки?

источник

2013-11-20 11:57:43 8bitjunkie

css style на странице jsf неправильно отображается на сервере

ответ

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