28112 sujets

CSS et mise en forme, CSS3

Bonjour à tous

Je souhaite faite une interface intégrant un menu de 46px de haut, un footer de 30px et le reste au milieu est un object html (j'ai bien compris que l'iframe n'est pas recommencer). Le tout en de 100% de large. Pour le div, pas de soucis, mais l'object Smiley decu

La partie du milieu doit d'adapter par rapport à la place qui lui reste. Comment procéder, je sèche... Smiley ohwell

Dans l'idée :
----------------------------------------------
| MENU
----------------------------------------------
|
|
| OBJECT
|
|
----------------------------------------------
| FOOTER
----------------------------------------------
Modifié par ceggy (27 Aug 2017 - 20:32)
Oups oui, j'ai pas mis, mais en fait, je viens tout juste de trouver.

En CSS j'ai :

.conteneur {
    height: 100vh;
    display: flex;
    flex-direction: column;
}
header {
	width:100%;
	height:46px;
}
footer {
    width:100%;
    height: 30px;
}
object {
    flex: 1;
}


et en html/php :

<div class="conteneur">
	<header>
	<ul>
		<li><a href="https://www.qwant.com/?t=news&q=<?php echo $q; ?>">Qwant</a></li>
    	<li><a href="https://www.bing.com/news/search?q=<?php echo $q; ?>">Bing</a></li>
    	<li><a href="https://news.google.com/news/search/section/q/<?php echo $q; ?>/<?php echo $hashtag; ?>">Google</a></li>    
	</ul>
	</header>
	<object type="text/html" data="https://www.qwant.com/?t=news&q=<?php echo $q; ?>" width="100%" height="100%" />
    <footer>&copy; <?php echo date("Y"); ?> Ceggy</footer>
</div>


Maintenant, j'aimerai arriver à afficher la page dans l'object après clique sur le lien. Avec un iframe, pas de soucis (target"namedeliframe"), mais object... je trouve pas l'info :-s
Modifié par ceggy (27 Aug 2017 - 21:50)