Nic727

That's what I have for my datalist. On Chrome, I can search for the option I want without writing a letter, so I have something weird. Too much options!!! http://image.noelshack.com/fichiers/2014/47/1416257880-sans-titre.png

Hi, I'm creating a data list for my contact form and I have a problem. I hate too much option to fit on screen and I would like to have a small number of option and a scrollbar on the side. My HTML5 <input type="text" list="countries" name="mycountry" /> <datalist id="countries"> <option value="Afghanistan">Afghanistan</option> <option value="Afrique du Sud">Afrique du Sud</option> <option value="Albanie">Albanie</option> <option value="Algérie">Algérie</option> <option value="Allemagne">Allemagne</option> <option value="Andorre">Andorre</option> <option value="Angola">Angola</option> <option value="Antigua et Barbuda">Antigua et Barbuda</option> <option value="Arabie saoudite">Arabie saoudite</option> <option value="Argentine">Argentine</option> <option value="Arménie">Arménie</option> <option value="Australie">Australie</option> <option value="Autriche">Autriche</option> <option value="Azerbaïdjan">Azerbaïdjan</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> <option value="Hors Canada">Hors Canada</option> </datalist> I know that you can use <select> tag and put a size in it, but I'm searching on the web if it's possible with a datalist and I find nothing.

Thank you

Hi, I would like to know how to modify a button? I took a bootstrap template and I have something called <a href="#about" class="btn btn-circle page-scroll"> <i class="fa fa-angle-double-down animated"></i> </a> in my HTML5 code and I don't know how to change the look of the button. You can see the look of the button from my bootstrap template here : http://ironsummitmedia.github.io/startbootstrap-grayscale/ I want to change the look of the middle button to scroll down. I looked into the css and I found nothing to change the look, only the colors. Thank you

In fact I finished my footer by myself by looking at the website I was looking the CSS. In fact, I just need two or three codes of CSS and it's really easy when I use table-cell.Look my final footer

Thank you It's almost worked :But I saw some website using display: table-cell; to make column.EDIT:I tried with table-cell and I have something like that : I'm french, so just in case colonne = columnMy HTML5 : <footer> <li class="colonne"> <div class="sitemap"> <h4>Site map</h4> <ul> <li>Introduction</li> <li>Mise en place</li> <li>Le formatage</li> <li>Les couleurs</li> <li>Les bordures</li> <li>Structure d'une page</li> <li>123 - Programmation web</li> </ul> </div> </li> <li class="colonne"> <div class="contact"> <h4>Contact</h4> <p><a href="mailto:contact@nicolas-duclos.com">contact@nicolas-duclos.com</a></p> </div> </li> <div class="copyright"> Copyright © 2014 Nicolas Duclos</div></footer> My new CSS :.colonne{display: table-cell;list-style: none;}Now I just want to have my two column to take all the free space automatically and to be able to add a third column if I want.

Hi, I would like to make some column in my footer, but I don't know how to do that. I will share you my code for HTML5 and CSS3 : <footer> <div class="sitemap"> <h4>Site map</h4> <ul> <li>Introduction</li> <li>Mise en place</li> <li>Le formatage</li> <li>Les couleurs</li> <li>Les bordures</li> <li>Structure d'une page</li> <li>123 - Programmation web</li> </ul> </div> <div class="contact"> <h4>Contact</h4> <p>contact@nicolas-duclos.com</p> </div> <div class="copyright"> Copyright © 2014 Nicolas Duclos</div></footer> .sitemap li{float: left;list-style: none;}.contact{float: right;}footer{text-align: center;} I would like to have two columns for the site map and contact. After that I would like to have my copyright at the bottom. Can you help me plz?

Hi, Thank you I found that you can make some animation in CSS :http://bavotasan.com/2011/a-simple-fade-with-css3/http://fvsch.com/code/transition-fade/test5.html It look complicated with the webkit, etc.

Hi, I would like to create my portfolio and I thought about a cool design. Like I wrote before, I'm pretty good in HTML 5 and a little bit in CSS3, but I would like to know how to make a smooth transition like fade-in and fade-out between pages. My design is simple, my home page will be a big picture with a big "hello" and a button to enter. When you click to enter, I would like a kind of smooth transition between this page and other pages. Other pages will not have the same design as my home page. It's why I would like a great transition between them. Thank you

Thank you. I will have to learn all of that Hope I will at school, or I will have to read everything myself. Thank you

Hi,I would like to know if it's possible to have a kind of Wordpress editor for our website. I'm learning HTML5 and CSS in class and I would like to know if it's possible. I would like to make a website with a section for news and in Wordpress, it's easy, you just have to write something and it put it on page 1 of the news. By seeing other website with news, I was wondering if they are updating each page manually to put "X" news on page 2 and page 1, etc? Thank you

It could work, but no... I don't know why, but my video is still squeezed. My video is supposed to be 560px per 315px, but it appear to be just 50px of height... Whatever, I put a height of 400px to my box and I have a good video size. It's just a school exercice and I will be better the next time. -------------------------------------- Ok I think I found a solution to my problem : I changed some of the CSS code : .vid1{background-color: #000;background-color: rgba(0, 0, 0, 0.5);float:left; width:49%;height: auto;margin-left: 3px;}.video1{margin: 0 auto;display: block;}iframe { width: 100%;}.video1 was already there, but I deleted Iframe height and put height to auto in .vid1 I tried Iframe with max-width: 100%; but it's doing the same thing as width: 100%; A picture of now : http://image.noelshack.com/fichiers/2014/44/1414720928-vid2.png And do you know how can I center the video in the center or making the box the same size as the box on the left? (I can draw you something if you want to understand) thank you

Hi, I fixed the problem. The problem was that my video was too small in height. It was rectancle and the video played with black bar on each side... I fixed the problem in the css, by adding a class to the video in Iframe and modified the height from here. Do you know if can put the video in a box and the box take the same height as the video?

Hi, for my school, I have to insert video in my HTML page and I have a problem with embeded video. That's a screenshot of my problem : http://image.noelshack.com/fichiers/2014/44/1414638917-vid.jpg I would like to know what's the error in the code : HTML5 <div class="box vid1"> <iframe src="http://new.livestream.com/accounts/1506344/events/1569186/player?width=560&height=315&autoPlay=false&mute=false" width="560" height="315" frameborder="0" scrolling="no"> </iframe> </div> CSS3 .vid1{background-color: #000;background-color: rgba(0, 0, 0, 0.5);float:left; width:49%;height:285px ;margin-left: 3px;margin-top: 170px;}iframe {width: 100%;height: 100%;} It's a livestream video, but I have the same problem with a vimeo or youtube video. But no problem with local video with the video tag. Thank you PS: Maybe it's because my website is not online and only local?