Deplacer et transphormer des bouttons dans un code html

Fermé

zellfurath Messages postés 200 Date d'inscription jeudi 29 novembre 2007 Statut Membre Dernière intervention 27 novembre 2015 - 28 janv. 2014 à 06:14
Rakholnikov - 29 janv. 2014 à 22:03

Bonjour,
j'aimerai savoir comment mettre des images a la place de mes boutons et j'aimerai aussi pouvoir les déplacer a gauche avec le cadre d'ouverture des pages à droite.
voici l'exemple actuel de mon code:

http://www.scriptair.com/test1/test1.html

et voici mon petit code :) :

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>
<script language="JavaScript" type="text/javascript">
function loadPage(url){
document.getElementById('f_2').innerHTML = '<iframe src="' + url + '" width="1000" height="700"></iframe>';
}
</script>
</head>
<body>
<div id="f_1">
<button onclick="javascript:loadPage('http://www.joomla.fr/?');">Cliquer pour charger la Div ci-dessous be</button>
<button onclick="javascript:loadPage('http://www.wordpress-fr.net/?');">Cliquer pour charger la Div ci-dessous fr</button>
<button onclick="javascript:loadPage('https://drupal.org/?');">Cliquer pour charger la Div ci-dessous de</button>
</div>
<div id="f_2"></div>
</div>
</div>
</body>
</html>

Je vous remerci d'av ance pour toutes vos eventuelles réponses :)

A voir également:

Deplacer et transphormer des bouttons dans un code html
Déplacer une colonne excel - Guide
Code asci - Guide
Code puk bloqué - Guide
Editeur html - Télécharger - HTML
Code telephone oublié - Guide

1 réponse

Réponse 1 / 1

Rakholnikov
Modifié par Rakholnikov le 29/01/2014 à 22:06

Salut,

avec CSS c'est facilement faisable.

Vous pouvez aussi remplacer vos boutons par des liens sur des images HTML (en n'omettant pas l'appel de votre fonction javascript) mais pour le positionnement la méthode correcte est d'utiliser les propriétés des feuilles de style en cascade(CSS).

Au fait transformer et non transphormer même s'il ne s'agit pas de transformation mais d'écriture de code(HTML et CSS) et de la structure de vos pages ainsi que la mise en page.

Discussions similaires

enigme

Code Ascii

Code de renvoi d'appel : Ooredo, Mobilis...

help! codage ascii a decoder !

Discussions similaires

Newsletters