Andreas De Rudder

Hello, I have on my website (http://msngent.be/information.html) under the title Restless for service 3 pictures. I would like to have them on one row next to each other width a total width of 100%, just like the text and titels. I learn at school that that is fluid of flexibel design. But it doesn't work on my website. Does anybody know what I have done wrong? I have put the css for the pictures in the head of the page. Thank you Andreas

Thank you!

Hello, I learn at school about fluid and flexibel design. I want make now a slideshow on my website fluid, so it has the same width as the text and titles on each screen. I have given the pictures a div with width 100% in css, but it doesn't work. What have I done wrong? My website is: http://msngent.be/information.html Thanks for helping me, Andreas

Hello, I try to put some youtube movies online on my website, but I find nowhere a good code. The first link to a movie is this: Could someone help me with a right code? Thank you Andreas

Thank you. I have added a height in css code to the already existing class, and it works now. All the pictures, small and large, have now the same height, which is ok for me. But I have another question: Is it possible to have on one page two slide shows running at the same time? I have tried it with a div tag around each list of pictures, and do have two slide shows then, but the second starts running after the first has stopped.

Maybe you have to push the refresh button to see the new page, I had to do that too.

I'm sorry, I forgot to put the new page online. It's on the web now. http://msngent.be/information.html I don't know how I have to work with classes in JavaScript.

I have given two pictures in the slideshow a class and then I have given them a height or width with css, but that doesn't work. Look at http://msngent.be/information.html Do I have to do that in an other way? The pictures are now temporary, but the pictures that will come eventually in the slideshow will probably have different sizes.

Thank you very much! It works now. But I wonder one thing, I have now 7 temporary pictures that are all quite small. Later I will probably also use larger pictures. Could it be possible to progam a max size, or the same size for all pictures? thank you

I've put it online: http://msngent.be/information.html The two pictures are temporary, just for the test.

Thank you. I've tried it with script tags in the head or in the body, but it doesn't work either. It changes nothing....

Hi, I try to make a slide show with information that I found on the W3school site (http://www.w3schools.com/w3css/w3css_slideshow.asp). But it doesn't function. Could anyone tell me why? I have this in the head between the style tags: var slideIndex = 0; carousel(); function carousel() { var i; var x = document.getElementsByClassName("mySlides"); for (i = 0; i < x.length; i++) { x.style.display = "none"; } slideIndex++; if (slideIndex > x.length) {slideIndex = 1} x[slideIndex-1].style.display = "block"; setTimeout(carousel, 2000); } And then I have this in the body: <img class="mySlides" src="images/index.jpg"> <img class="mySlides" src="images/indexfoto.jpg"> <a class="w3-btn-floating" onclick="plusDivs(-1)">❮</a> <a class="w3-btn-floating" onclick="plusDivs(+1)">❯</a> Thank you for trying to help me! Andreas

Thank you very much!

I thank you very much for your answer, but I don't understand how I have to do this. Could you please give a full exemple? I would be very grateful. Thank you!

Hello, I have on the index page of my website two lines of text with a white background. At this moment the white bar is the full width of the screen, but I would like it to be only the width of the text . How do I have to do that? My website is: www.msngent.be thank you Andreas

I don't understand exactly what you mean, my knowledge of webdesign is still a bit basic... But I don't have used php, it is an html document. The css is in the head of the page and the menu in the body. The website is www.msngent.be

Hello, I would like to give the active item in the navigation bar an other color. Someone told me that I have to do it with JavaScript. Could someone give me an exemple of how I have to do it? I know nothing about JavaScript, so maybe you can give a clear exemple? This is the css: #menu ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #111; } #menu li { float: left; } #menu li a { display: block; color: white; text-align: center; padding: 7px 7px; text-decoration: none; font-size: 90%; } #menu a:hover { background-color: #808080; } And this is the menu list: <div id="menu"> <ul> <li><a href="index.html">Home</a></li> <li><a href="santonino.html">Santo Niño</a></li> <li><a href="activities.html">Activities</a></li> <li><a href="program.html">Program</a></li> <li><a href="newsletter.html">Newsletter</a></li> <li><a href="adresses.html">Adresses and Accessibility</a></li> <li><a href="announcements.html">Announcements</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> Thank you for helping me!

Thank you! I've done it with a class name and it works!

Hello, I would like to give each item of the navigation bar on my wibsite an other color. How do I have to do that? Now the whole navigation bar has a black background. I have tried to use a div or a span description for each item in the menu list, but it didn't work, I had no color. Probably I did it wrong. Could anyone give me an exemple of how I have to do it? This is the css for my menu bar: #menu ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #111; } #menu li { float: left; } #menu li a { display: block; color: white; text-align: center; padding: 7px 7px; text-decoration: none; font-size: 90%; } #menu a:hover { background-color: #808080; } And this is the menu list: <div id="menu"> <ul> <li><a href="index.html">Home</a></li> <li><a href="santonino.html">Santo Niño</a></li> <li><a href="activities.html">Activities</a></li> <li><a href="program.html">Program</a></li> <li><a href="newsletter.html">Newsletter</a></li> <li><a href="adresses.html">Adresses and Accessibility</a></li> <li><a href="announcements.html">Announcements</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> Thank you for helping me!

Hallo, I have on my website a horizontal navigation bar in black. By hoovering an item it becomes grey. But I want now that the active item which page is shown will be red. But it doesn't work. The item only becomes red as long as you are clicking it, but when you leave it it becomes black again. I want it to be red all the time that you are visiting that page. This is the css that I have: #menu ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #111; } #menu li { float: left; } #menu li a { display: block; color: white; text-align: center; padding: 7px 7px; text-decoration: none; font-size: 90%; } #menu a:hover { background-color: #808080; } #menu a:active { background-color: red; } What do I have to change?

Thank you very much! It works perfect now!

I have tried this by writing <p><overflow: hidden> in the first paragraph in front of the image, but then the whole paragraph totally disappears... Have I done it wrong?

Hallo, I want to have on my website 2 images on top of each other, each has a little bit of text on the right side. Each picture has STYLE="float: left;. I have put <p> in front of the picture and </p> after the text. Done that 2 times. But the second pictures appears at the right side of the first picture, under the text next to the first picture. Why is that? What can I do to get the pictures under each other? My website: http://msngent.be/adresses.html Andreas

Thank you guys, it's perfect now!

I have now this in the head of each page: <style type="text/css"> body { background-image: url("images/hortensia.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-size: 100% 100%; } And now I have the picture as background. But there is one small problem. The picture is horizontally a little bit stretched. And when I change the seize of the screen the picture get stretched in different ways. I think it must be possible to get the picture like it is originally, not stretched. But how?