Bonjour tout le monde !
Pour mon site j'utilise dans les vues un Elements qui s'appelle UserBox, c'est un block qui propose à l'utilisateur de s'enregistrer/ connecter ou qui affiche les informations de l'utilisateur si il est enregistrer.
Mon problème est que le block ne s'affiche pas toujours correctement, voici ce qu'il provoque :
Image avec problème
Mais le problème n’apparaît que très rarement comme si le navigateur ne prend pas en compte mon inline-block.
Voici donc le site sans problème:
Image sans le problème
je vais donc vous montrez ici mon code.
Pour commencer le display par défaut:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<?php echo $this->Html->script('jQuery'); ?>
<?php echo $this->Html->script('main'); ?>
<?php echo $this->Html->script('caroufredsel'); ?>
<?php echo $this->Html->script('caroussel'); ?>
<?php echo $this->Html->css(array('style', 'formulaire')); ?>
<title>IDO-Logik</title>
</head>
<body>
<div id="bloc_page">
<header>
<div id="head">
<?php echo $this->Html->image('lg.png', array(
'id' => 'logo',
'url' => array('controller' => '/')));?>
<?php echo $this->element('UserBox'); ?>
<nav><?php echo $this->element('TopMenu'); ?></nav>
</div>
</header>
<section class="title">
<?php echo $this->Session->flash();?>
<?php echo $this->fetch('content');?>
</section>
</div>
</body>
</html>
Pour le code de mon block c'est le suivant:
<div id="UserBox">
<?php
if($this->requestAction('/users/isConnected') == true){?>
<div id="UserBoxPicture">
<?php echo $this->Html->image('ProdilPict_Default.png', array('url' => array('controller'=>'users', 'action'=>'profil', 'username' => $username, 'admin' => false)));?>
</div>
<?php
echo $this->Html->link('Mon compte',(array('controller'=>'users', 'action'=>'profil', 'username' => $username, 'admin' => false)));
}else{
echo $this->Html->link('Créer un compte',array('controller'=>'users', 'action'=>'register')).' |'.$this->Html->link('Se connecter',array('controller'=>'users', 'action'=>'login'));
}
?>
</div>
et maintenant le code css
header
{
display: block;
width:100%;
height: 110px;
background-color:#333333;
border-top: 4px solid #3180c9;
border-bottom:2px solid #3180c9;
}
#head
{
width:1010px;
margin-left: auto;
margin-right: auto;
height:100px;
}
#logo
{
display: inline-block;
margin-left:25px;
}
#UserBox
{
display: inline-block;
float:right;
margin-top:15px;
background:#383f44;
padding:5px;
border-radius:5px;
}
nav
{
display:block;
margin-top:-55px;
margin-left:140px;
height:36px;
}
Merci de votre aide.