erakiel54
-
1 mars 2015 à 19:17
animostab
Messages postés2829Date d'inscriptionjeudi 10 mars 2005StatutMembreDernière intervention11 novembre 2019
-
1 mars 2015 à 23:14
Bonjour,
Je souhaite creer un tableau avec les lignes et colones qui s'adaptent en fonction de la taille de la fenetre.
quand je tappe ceci, tous les boutons se mettent les uns en dessous des autres.
Je souhaite qu'a un moment donné, comme au au "Nom de site 26", le "nom de site 27" passe sur la colonne numero 2 ainsi de suite.
Est-ce possible ?
Cdt, Merci de votre aide d'avance
<TABLE BORDER="1"> <CAPTION> Liste des Sites : </CAPTION>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 1"onclick="window.open('LienHTML1');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 2"onclick="window.open('LienHTML2');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 3"onclick="window.open('LienHTML3');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 4"onclick="window.open('LienHTML4');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 5"onclick="window.open('LienHTML5');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 6"onclick="window.open('LienHTML6');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 7"onclick="window.open('LienHTML7');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 8"onclick="window.open('LienHTML8');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 9"onclick="window.open('LienHTML9');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 10"onclick="window.open('LienHTML10');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 11"onclick="window.open('LienHTML11');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 12"onclick="window.open('LienHTML12');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 13"onclick="window.open('LienHTML13');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 14"onclick="window.open('LienHTML14');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 15"onclick="window.open('LienHTML15');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 16"onclick="window.open('LienHTML16');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 17"onclick="window.open('LienHTML17');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 18"onclick="window.open('LienHTML18');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 19"onclick="window.open('LienHTML19');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 20"onclick="window.open('LienHTML20');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 21"onclick="window.open('LienHTML21');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 22"onclick="window.open('LienHTML22');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 23"onclick="window.open('LienHTML23');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 24"onclick="window.open('LienHTML24');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 25"onclick="window.open('LienHTML25');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 26"onclick="window.open('LienHTML26');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 27"onclick="window.open('LienHTML27');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 28"onclick="window.open('LienHTML28');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 29"onclick="window.open('LienHTML29');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 30"onclick="window.open('LienHTML30');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 31"onclick="window.open('LienHTML31');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 32"onclick="window.open('LienHTML32');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 33"onclick="window.open('LienHTML33');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 34"onclick="window.open('LienHTML34');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 35"onclick="window.open('LienHTML35');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 36"onclick="window.open('LienHTML36');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 37"onclick="window.open('LienHTML37');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 38"onclick="window.open('LienHTML38');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 39"onclick="window.open('LienHTML39');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 40"onclick="window.open('LienHTML40');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 41"onclick="window.open('LienHTML41');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 42"onclick="window.open('LienHTML42');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 43"onclick="window.open('LienHTML43');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 44"onclick="window.open('LienHTML44');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 45"onclick="window.open('LienHTML45');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 46"onclick="window.open('LienHTML46');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 47"onclick="window.open('LienHTML47');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 48"onclick="window.open('LienHTML48');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 49"onclick="window.open('LienHTML49');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 50"onclick="window.open('LienHTML50');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 51"onclick="window.open('LienHTML51');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 52"onclick="window.open('LienHTML52');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 53"onclick="window.open('LienHTML53');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 54"onclick="window.open('LienHTML54');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 55"onclick="window.open('LienHTML55');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 56"onclick="window.open('LienHTML56');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 57"onclick="window.open('LienHTML57');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 58"onclick="window.open('LienHTML58');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 59"onclick="window.open('LienHTML59');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 60"onclick="window.open('LienHTML60');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 61"onclick="window.open('LienHTML61');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 62"onclick="window.open('LienHTML62');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 63"onclick="window.open('LienHTML63');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 64"onclick="window.open('LienHTML64');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 65"onclick="window.open('LienHTML65');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 66"onclick="window.open('LienHTML66');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 67"onclick="window.open('LienHTML67');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 68"onclick="window.open('LienHTML68');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 69"onclick="window.open('LienHTML69');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 70"onclick="window.open('LienHTML70');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 71"onclick="window.open('LienHTML71');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 72"onclick="window.open('LienHTML72');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 73"onclick="window.open('LienHTML73');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 74"onclick="window.open('LienHTML74');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 75"onclick="window.open('LienHTML75');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 76"onclick="window.open('LienHTML76');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 77"onclick="window.open('LienHTML77');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 78"onclick="window.open('LienHTML78');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 79"onclick="window.open('LienHTML79');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 80"onclick="window.open('LienHTML80');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 81"onclick="window.open('LienHTML81');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 82"onclick="window.open('LienHTML82');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 83"onclick="window.open('LienHTML83');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 84"onclick="window.open('LienHTML84');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 85"onclick="window.open('LienHTML85');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 86"onclick="window.open('LienHTML86');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 87"onclick="window.open('LienHTML87');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 88"onclick="window.open('LienHTML88');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 89"onclick="window.open('LienHTML89');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 90"onclick="window.open('LienHTML90');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 91"onclick="window.open('LienHTML91');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 92"onclick="window.open('LienHTML92');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 93"onclick="window.open('LienHTML93');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 94"onclick="window.open('LienHTML94');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 95"onclick="window.open('LienHTML95');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 96"onclick="window.open('LienHTML96');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 97"onclick="window.open('LienHTML97');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 98"onclick="window.open('LienHTML98');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 99"onclick="window.open('LienHTML99');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 100"onclick="window.open('LienHTML100');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 101"onclick="window.open('LienHTML101');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 102"onclick="window.open('LienHTML102');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH>
<TR><TH> <input type="button" name="lien1" value="NOM DE SITE 103"onclick="window.open('LienHTML103');"style="background-color:#3cb371" style="color:white; font-weight:bold"onclick> <br></TR> </TH></TABLE>
Salut
tu n'utilise pas la bonne méthode
un tableau sert a afficher des données tabulaires
ici c'est une liste
un input sert a envoyer les données d'un formulaire
ici c'est un lien
utiliser onclick pour ouvrir une nouvelle fenêtre n'est pas recommandé
target="_blank" est préférable
fais plutot
<ul>
<li><a href="page1.html" target="_blank">Nom de site 1</a></li>
<li><a href="page2.html" target="_blank">Nom de site 2</a></li>
etc....
</ul>
et tu mets en forme avec CSS
http://css.mammouthland.net/ Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
1 mars 2015 à 22:57
Merci
1 mars 2015 à 23:14
voila un ensemble de tutos assez simples
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3