Jump to content

Search the Community

Showing results for tags 'website'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH


  • Community Calendar




Website URL








Found 40 results

  1. i created a website using w3schools bootstap. it was a while ago and i can't remember how to get to the editing page. could someone help me please. thanks, steve
  2. Include a forum in my website

    Hey guys, i want to include a forum on my website. How can i do this? And maybe there is a way to make a template for this in w3, too? Hope for reply: David
  3. How can I make it's position fixed ?

    Hi, here is a code. I want to make the .characteristics-quote to stay fixed when scrolling to the .characteristics-wrapper. But When the characteristics-wrapper class scrolling is finished the .characteristics-quote should be vanished. Can you please tell me how I can fix this ? Thank you in advance. <!DOCTYPE html> <html lang= "en-us"> <head> <meta charset= "utf-8"/> <title>About</title> <link rel= "stylesheet" type= "text/css" href= "font-awesome-4.7.0/css/font-awesome.min.css"/> <style type= "text/css"> body { margin: 0; padding: 0; color: white; background-color: black; overflow: auto; } .about { max-width: 100%; height: 200px; background-color: black; color: white; text-align: center; padding-left: 10%; padding-right: 10%; padding-top: 5px; margin: 0; } .characteristics-wrapper { max-width: 100%; padding: 10px; margin-bottom: 200px; border: 1px solid white; overflow: hidden; } .characteristics-quote { max-width: 40%; float: left; transform: translateX(-5%); position: fixed; color: white; } .characteristics-quote h1 { max-width: 70%; text-align: center; margin: auto; padding-top: 100px; } .characteristics-container { max-width: 60%; float: right; text-align: center; position: relative; } .characteristics-item-row1, .characteristics-item-row2 { max-width: 50%; } .characteristics-item-row1 { padding-top: 50px; } .characteristics-item-row2 { position: absolute; top:50px; right: 0; } .characteristics-item { max-width: 80%; display: block; margin: auto; margin-bottom: 20px; margin-top: 20px; } .characteristics-icon { font-size: 60px; padding: 15px; border: 1px solid lightgrey; border-radius: 50%; height: 76px; width: 76px; margin: auto; } .characteristics-item:hover .characteristics-icon{ background-color: white; color: black; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -ms-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; } /**Animations**/ .left { -webkit-animation-name: left; -webkit-animation-duration: 1s; -moz-animation-name: left; -moz-animation-duration: 1s; -ms-animation-name: left; -ms-animation-duration: 1s; -o-animation-name: left; -o-animation-duration: 1s; animation-name: left; animation-duration: 1s; } .right { -webkit-animation-name: right; -webkit-animation-duration: 3s; -moz-animation-name: right; -moz-animation-duration: 3s; -ms-animation-name: rightt; -ms-animation-duration: 3s; -o-animation-name: right; -o-animation-duration: 3s; animation-name: right; animation-duration: 3s; } .scale { -webkit-animation-name: scale; -webkit-animation-duration: 2s; -moz-animation-name: fade; -moz-animation-duration: 2s; -ms-animation-name: scale; -ms-animation-duration: 2s; -o-animation-name: scale; -o-animation-duration: 2s; animation-name: scale; animation-duration: 2s; } .fade { -webkit-animation-name: fade; -webkit-animation-duration: 2s; -moz-animation-name: fade; -moz-animation-duration: 2s; -ms-animation-name: fade; -ms-animation-duration: 2s; -o-animation-name: fade; -o-animation-duration: 2s; animation-name: fade; animation-duration: 2s; } /**Animating from the left**/ @-webkit-keyframes left { from {left: -500px;} to {left: 0;} } @-moz-keyframes left { from {left: -500px;} to {left: 0;} } @-ms-keyframes left { from {left: -500px;} to {left: 0;} } @-o-keyframes left { from {left: -500px;} to {left: 0;} } @keyframes left { from {left: -500px;} to {left: 0;} } /**Animating from the right**/ @-webkit-keyframes right { from {right: -500px;} to {right: 0;} } @-moz-keyframes right { from {right: -500px;} to {right: 0;} } @-ms-keyframes right { from {right: -500px;} to {right: 0;} } @-o-keyframes right { from {right: -500px;} to {right: 0;} } @keyframes right { from {right: -500px;} to {right: 0;} } /**Animating scale**/ @-webkit-keyframes scale { from {transform: scale(3);} to {transform: scale(1);} }@-moz-keyframes scale { from {transform: scale(3);} to {transform: scale(1);} }@-ms-keyframes scale { from {transform: scale(3);} to {transform: scale(1);} }@-o-keyframes scale { from {transform: scale(3);} to {transform: scale(1);} } @keyframes scale { from {transform: scale(3);} to {transform: scale(1);} } /**Fading animation**/ @-webkit-keyframes fade { from {opacity: 0;} to {opacity: 1;} } @-moz-keyframes fade { from {opacity: 0;} to {opacity: 1;} } @-ms-keyframes fade { from {opacity: 0;} to {opacity: 1;} } @-o-keyframes fade { from {opacity: 0;} to {opacity: 1;} } @keyframes fade { from {opacity: 0;} to {opacity: 1;} } </style> </head> <body> <div class= "about"> <h1>Who we are?</h1> <div class= "about-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan sed leo eget malesuada. Integer dapibus nisi id eros scelerisque accumsan. Pellentesque commodo, enim nec faucibus tristique, risus nibh ullamcorper velit, sed egestas urna erat sit amet justo.</div> </div> <div class= "characteristics-wrapper"> <div class= "characteristics-quote"> <h1>Main characteristics of our services</h1> </div> <div class= "characteristics-container"> <div class= "characteristics-item-row1"> <div class= "characteristics-item"> <div class= "characteristics-icon"><i class="fa fa-pagelines" aria-hidden="true"></i></div> <div class= "characteristics-title">Innovative</div> <div class= "characteristics-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan sed leo eget malesuada. Integer dapibus nisi id eros scelerisque accumsan.</div> </div> <div class= "characteristics-item"> <div class= "characteristics-icon"><i class="fa fa-cogs" aria-hidden="true"></i></div> <div class= "characteristics-title">Great Features</div> <div class= "characteristics-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan sed leo eget malesuada. Integer dapibus nisi id eros scelerisque accumsan.</div> </div> <div class= "characteristics-item"> <div class= "characteristics-icon"><i class="fa fa-modx" aria-hidden="true"></i></div> <div class= "characteristics-title">Unique Design</div> <div class= "characteristics-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan sed leo eget malesuada. Integer dapibus nisi id eros scelerisque accumsan.</div> </div> <div class= "characteristics-item"> <div class= "characteristics-icon"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div> <div class= "characteristics-title">Well Documented</div> <div class= "characteristics-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan sed leo eget malesuada. Integer dapibus nisi id eros scelerisque accumsan.</div> </div> </div> <div class= "characteristics-item-row2"> <div class= "characteristics-item"> <div class= "characteristics-icon"><i class="fa fa-pagelines" aria-hidden="true"></i></div> <div class= "characteristics-title">Innovative</div> <div class= "characteristics-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan sed leo eget malesuada. Integer dapibus nisi id eros scelerisque accumsan.</div> </div> <div class= "characteristics-item"> <div class= "characteristics-icon"><i class="fa fa-cogs" aria-hidden="true"></i></div> <div class= "characteristics-title">Great Features</div> <div class= "characteristics-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan sed leo eget malesuada. Integer dapibus nisi id eros scelerisque accumsan.</div> </div> <div class= "characteristics-item item2"> <div class= "characteristics-icon"><i class="fa fa-modx" aria-hidden="true"></i></div> <div class= "characteristics-title">Unique Design</div> <div class= "characteristics-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan sed leo eget malesuada. Integer dapibus nisi id eros scelerisque accumsan.</div> </div> <div class= "characteristics-item"> <div class= "characteristics-icon"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div> <div class= "characteristics-title">Well Documented</div> <div class= "characteristics-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam accumsan sed leo eget malesuada. Integer dapibus nisi id eros scelerisque accumsan.</div> </div> </div> </div> </div> <div style= "height: 700px"></div> </body> </html>
  4. Issue with XML table populating

    Hello. I am having an issue with my website populating an XML table. The XML table is located in the root folder and is called song_catalog.xml The webpage that has the XML table on it has the following code. It used to populate just fine then all of a sudden it stopped. I tried to fix it and could not. I have no idea what is going on. Any help is appreciated. The following is the html code from the webpage, then the XML data (or rather a portion of the data since it is a huge file, well 800kb huge) . <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/sitetemplate.dwt" codeOutsideHTMLIsLocked="false" --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- InstanceBeginEditable name="doctitle" --> <title>Big Mic Productions</title> <script src="js/songscript.js"></script> <style type="text/css"> <!-- .catalog_genre_head {background-color:darkGray;font-size:24pt;color:white;font-family:Impact;} .catalog_head {background-color:gray;font-size:18pt;color:white;font-family:Impact;} .catalog_row0 {background-color:lightGray;} .catalog_row1 {background-color:white;} .catalog_row_end {background-color:darkGray;} --> </style> <!-- InstanceEndEditable --> <!-- InstanceBeginEditable name="head" --> <!-- InstanceEndEditable --> <!--[if lte IE 7]> <style> .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */ ul.nav a { zoom: 1; } /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */ </style> <![endif]--> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> <link href="css/sitestyle.css" rel="stylesheet" type="text/css" /> <style type="text/css"> body { background-image: url(images/dj-background3.jpg); margin-left: 30px; margin-top: 50px; margin-right: 30px; margin-bottom: 50px; } </style> </head> <body> fa <div class="container"> <div class="header" > <center> <img src="images/logo3.png" /> </center> </div> <div class="header" align="right"> <form id="form1" name="form1" method="get" action= "http://www.google.com/search"> <INPUT TYPE="hidden" name="sitesearch" value="http://bigmicproductions.net/"> <p><label for="q"> <b>Search Site</b></label> <input type="text" name="q" id="q" /> <input type="submit" name="submit" id="submit"/></p> </form> </div> <div class="sidebar1"> <a href="songlist2.html"><img src="images/logo 4.png" width="199" height="207" /></a> <p></p> <p></p> <p>~~~~~~~~~~~~~~~~~</p> <p><b>SONG SEARCH:</b> What do you want to hear at your next party? Use the search below to pick out and listen to songs! <form action="http://grooveshark.com/search" method="get" name="form1" target="_blank" id="form1"> <label for="q"><b>Search</b></label> <input type="text" name="q" id="q" /> <input type="submit" name="button" id="button" value="Submit" /> </form> </p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <p></p> <!-- end .sidebar1 --></div> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a href="index.html">Home</a> </li> <li><a href="#" class="MenuBarItemSubmenu">Events</a> <ul> <li><a href="weddings.html">Weddings</a></li> <li><a href="parties.html">Parties</a></li> <li><a href="dances.html">Dances</a></li> <li><a href="karaoke.html">Karaoke</a></li> </ul> </li> <li><a href="songlist2.html">Song List</a> </li> <li><a href="#" class="MenuBarItemSubmenu">Clients</a> <ul> <li><a href="clientinfoform.html">Client Info</a></li> <li><a href="feedback.html">Client Feedback</a></li> </ul> </li> <li><a href="#" class="MenuBarItemSubmenu">About</a> <ul> <li><a href="aboutbigmike.html">About Big Mike</a></li> <li><a href="testimonials.html">Testimonials</a></li> </ul> </li> </ul> <p></p> </br></br></br></br></br> <h3><div class="container" align="center"><!-- InstanceBeginEditable name="EditRegion3" --><p><img src="images/logo 4.png" /> <H1><b>Song Lists</b></H1> <h3>Below you'll find a drop down list that will help you navigate your way through an enormous selection of music. These song lists will help you find any top 100 song from the past 60 years, genre-specific songs (motown, disco, 80s), or event-specific songs for your wedding (first dance, bouquet toss, father-daughter dance). If you're having trouble finding what you're looking for, just let us know. If we don't have it we will find it for your event. </h3> <P><b>Select a category to see all related songs:</b></P> <h1>Song List</h1> <form name="myform"> <div onClick="getSong(document.myform.genres.value)"> <select name="genres"> <option>Select</option> <option value="First Dance" selected="selected">First Dance</option> <option value="Top 200 Wedding Songs">Top 200 Wedding Songs</option> <option value="50s and 60s">50s and 60s</option> <option value="70s and Disco">70s and Disco</option> <option value="70s Rock">70s Rock</option> <option value="80s">80s</option> <option value="oldschool">Old School</option> <option value="2000s">2000s</option> <option value="Slow Songs">Slow Songs</option> <option value="Father/Bride Dance">Father/Bride Dance</option> <option value="Mother/Groom Dance">Mother/Groom Dance</option> <option value="Anniversary Dance">Anniversary Dance</option> <option value="Cake Cutting">Cake Cutting</option> <option value="Intro Songs">Intro Songs</option> <option value="Dollar Dance">Dollar Dance</option> <option value="Bouquet Toss">Bouquet Toss</option> <option value="Garter Removal">Garter Removal</option> <option value="Dinner Music">Dinner Music</option> <option value="Motown">Motown</option> <option value="Line and Group Dances">Line and Group Dances</option> <option value="2016">2016</option> <option value="2015">2015</option> <option value="2014">2014</option> <option value="2013">2013</option> <option value="2012">2012</option> <option value="2011">2011</option> <option value="2010">2010</option> <option value="2009">2009</option> <option value="2008">2008</option> <option value="2007">2007</option> <option value="2006">2006</option> <option value="2005">2005</option> <option value="2004">2004</option> <option value="2003">2003</option> <option value="2002">2002</option> <option value="2001">2001</option> <option value="2000">2000</option> <option value="1999">1999</option> <option value="1998">1998</option> <option value="1997">1997</option> <option value="1996">1996</option> <option value="1995">1995</option> <option value="1994">1994</option> <option value="1993">1993</option> <option value="1992">1992</option> <option value="1991">1991</option> <option value="1990">1990</option> <option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> <option value="1980">1980</option> <option value="1979">1979</option> <option value="1978">1978</option> <option value="1977">1977</option> <option value="1976">1976</option> <option value="1975">1975</option> <option value="1974">1974</option> <option value="1973">1973</option> <option value="1972">1972</option> <option value="1971">1971</option> <option value="1970">1970</option> <option value="1969">1969</option> <option value="1968">1968</option> <option value="1967">1967</option> <option value="1966">1966</option> <option value="1965">1965</option> <option value="1964">1964</option> <option value="1963">1963</option> <option value="1962">1962</option> <option value="1961">1961</option> <option value="1960">1960</option> <option value="1959">1959</option> <option value="1958">1958</option> <option value="1957">1957</option> <option value="1956">1956</option> <option value="1955">1955</option> <option value="1954">1954</option> <option value="1953">1953</option> <option value="1952">1952</option> </select> </div> </form> <div id="output"> </div> </BODY> </HTML> </p> <!-- InstanceEndEditable --> </p> <!-- InstanceBeginEditable name="EditRegion4" --> <!-- InstanceEndEditable --> <div class="footer"> <p>Copyright 2013 Big Mic Productions</p> <!-- end .footer --></div> <!-- end .container --></div> <script type="text/javascript"> var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"}); </script> </div> </body> <!-- InstanceEnd --></html> =================================================================================================================================================== XML TABLE <?xml version="1.0" encoding="UTF-8" standalone="yes"?> <catalog xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <song id="fdance1"> <artist>K-Ci and JoJo</artist> <title>All My Life</title> <genre>First Dance</genre> </song> <song id="fdance2"> <artist>Linda Ronstadt and Aaron Neville</artist> <title>All My Life</title> <genre>First Dance</genre> </song> <song id="fdance3"> <artist>Mike Reno and Ann Wilson</artist> <title>Almost Paradise</title> <genre>First Dance</genre> </song> <song id="fdance4"> <artist>Atlantic Star</artist> <title>Always</title> <genre>First Dance</genre> </song> <song id="fdance5"> <artist>Heatwave</artist> <title>Always And Forever</title> <genre>First Dance</genre> </song> <song id="fdance6"> <artist>Lonestar</artist> <title>Amazed</title> <genre>First Dance</genre> </song> <song id="fdance7"> <artist>Jeff Healey Band</artist> <title>Angel Eyes</title> <genre>First Dance</genre> Thank you all in advance for your help.
  5. Please Help

    I decide to create a social site and want to income from my site. but i don't know how can i income from my site without useing any advertisement. have any best hosting company and domain company, can pay their client for using there service ? please help.
  6. hello I have some questions about IIS. Is it possible to use IIS for developing html/javascript/css ? I am just totally new to the subject, I'm looking for good tuts about it, and then especially if you know it works like WAMP so being able to control the httpd file and create virtual hosts and makes web pages here. Please help
  7. Site Width

    Hello : I am changing the width of our website, and i was looking for a suggestion. I know that most users (93%) have a monitor with a resolution of 1280 or larger. I am looking for a recommended size or standard size somewhere between 1200 px - 1366 px Any suggestion or recommendation and a quick explanation why would be greatly appreciated !! Thank you!
  8. opencart admin php problem

    hello, Maby you can help me make somthing I have done things myself but i am a litle stuck it has somthing to do with my admin of product list like you can see in the picture i have done alot but now i want to ad a percentage i know that it has somthing to do with taking the result out of the column named (winstverlies) and devide that trough the purchese price and multiply this by 100 but i can not implement this in my code. the code is PHP so who can help me? so i want it to look like on the picture. is this posible? picture is in the file named percentage.jpg So i would be verry pleasd if you could help me?
  9. Basic JavaScript learning

    Basic JavaScript learning - should be started by knowledgeable and competant persons for the benefit of the beginers or the first time learners. websites is a huge domain where almost everyone is trying to put up themselves exhibiting their skills, experiences, motivation and designs. Could someone kindly consider this request for larger interests of the society of interested javaScript learners.
  10. Hey guys , I am 16 and I am a graphics designer and recently set my self a goal of creating a website to sell my graphics/artwork on. I know the basics of HTML and CSS , not just the very basic , but more than that. Correct me if I am wrong , but I am making the visual side of my website in Photoshop and once I'm done with that I will convert it into code. I am planning on using Adobre Dreamweaver CS6 , as that is the program i have the most experience with. I have been looking on the internet for some site that I like and I found this one http://gifmylive.arte.tv/fr First of all I really like the theme of it , dark background with colourful shapes.Then the white text. Also if you hover over the triangles you see that they sort of wobble in a sense, how is that done ?
  11. Logo is not show Properly

    Dear All , I Develop an php website but the at last i dont know what happen the logo is not shown fully http://www.accuracypoint.webuda.com kindly seen it and give me solution of that this is my school project
  12. Tictail website help?

    Hi guys,My website is www.ambitionrecords.tictail.comI'm having trouble with my current site, turns out you can use code to edit it entirely, however all I want to do is swap a hyperlink so that when you click on "Store" it doesn't go to the page that displays all products, instead it goes to "Just In". This is because on the default page which displays all products it only displays up to 100 products. So any products after this limit aren't visible on this page, but are visible on the sub-category of "Vinyl" so in essence when people click the store button I want it to go directly to the sub-category "Vinyl", any idea how to do this? If you could give me any help with this that would be great as the fact that I can't currently display all products whilst I'm setting up my new store means I'm losing sales,Thanks for any help you can give me,Angus
  13. Hi, I have a website and, for a weird reason, I want one of its pages to be displayed using a navigator´s window with a smaller size than the normal ones. I would like to resize the window of that page to half size of a normal web page. I think JavaScript could be the solution to what I want. Do you know the script that I should use, in order to resize the navigator´s window? As a new developer, I appreciate your help! Thanks, Yumboxit
  14. I have developed a website and now we want to put that site behind the login of another website. So basically this second website has a login system and when logged in will redirect to mine. How can I hide my site from being found so you can't get to it without logging in through this other site. I am speaking with the developers of the other site to achieve this fyi. Thanks
  15. how can i shorten the following ?

    i have the following html and javascript, how can i shorten the javascript ? html and javascript at - http://jsfiddle.net/GZhvM/2/
  16. I have the following html code, what can i do in it so that by using only one javascript function, I can use it for the following div: box, box2, boxa2, boxb3 html at - www.jsfiddle.net/cAtFu/
  17. Need to Link Social Icons

    I just need help please with linking to my facebook correctly. Please be nice , and I'm sure this is pretty easy for everyone else, but I am having trouble with it. I have attached the file and image, if anyone can be good enough to help me out. My email is cafedesignercafe@gmail.com My Skype is evolution2design My facebook is facebook.com/rcmp004 Thank you so much ! config.xml
  18. Help with my friends site?

    Ok I was wondering if anyone would like to help me with my friend's website: http://madsplash.net It is a pretty good website considering one kid has done 99% of the work I help abit when I'm able, but it would be nice to have more crew members willing to help, and things like games could really spice it up, of course you'd get full credit for your work. But at this point we need people who can help out, I can't do much in the way of programming but I'm trying. If anyone is interested in helping out this site and making it better contact me at: dylan97powell@gmail.com , or go to the website which I posted a link above, and sign up and talk to our webmaster. If you look at it you will see that he has done a lot of work on it. The kid is 15yrs old and going through college he's like a little brother to me and I like to help him as much as possible, but I'm next to useless on this project of his. So please at least consider my request. Thank you for your time.
  19. popup signup help required

    Hi All, I'm running a website i.e. http://homepageforu.webs.com/, its running good, its a simple website with HTML & CSS, I like to add one signup page/image, which fades all the background icons, until n unless, either visitor subscribe to my website, or click cancel on that signup page (this page is also unblockable i.e. doesn't blocked by pop-up blocker) & in either condition, he/she can visit my website, but if he goes for sign up, than that page should be open in a new window. i've seen this in many websites specially with online shopping or coupons website, like "http://www.shopclues.com/mobiles/mobile-phones.html", the same signup page, when this website opens. Thanks in Advance Ashish
  20. Nomadic Siblings

    Hello all, this is my first attempt at a real website to be posted in the future. It's at it's very basic stages. I've noticed a problem with the layout that needs fixing with Chrome, Firefox, and IE9. When the page is zoomed in or out, the layout shifts. How do I prevent this? HTML5 CODE: (Passes the W3C Validator) <!DOCTYPE html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="author" content="Joseph Maxwell Davies" /> <meta name="keywords" content="nomad, video, siblings, nomadic siblings, torah, teachings, articles" /> <title>Nomadic Siblings</title> <link type="text/css" rel="stylesheet" href="home.css" hreflang="en" media="screen" /> <script type="text/javascript" src="home.js"></script> </head><body> <div id="container"> <div id="webpagebanner"> <header> <hgroup> <h1>Nomadic Siblings</h1> </hgroup> </header> <div> </div> </div> <div id="leftsidebar"> <section id="logo"> <div> </div> </section> <nav id="leftsidebarnav"> <ul> <li>Home</li> <li>Videos</li> <li>Articles</li> <li>Contact Us</li> </ul> </nav> </div> <div id="maincontent"> <section> <div id="featuredcontent"> <figure> <!--<video height="320" width="480" controls="controls" poster=""> <source src="Wildlife.m4v" type="video/mp4" /> Your browser does not support HTML5 video please upgrade to one of the following: Chrome, Firefox, or IE9 </video>--> <img src="http://zipline.files.wordpress.com/2010/12/chanukah.jpg" alt="menorah" width="480" height="320" /> </figure> </div> <div class="featureselector"> </div> <div class="featureselector"> </div> <div class="featureselector"> </div> <div class="featureselector"> </div> <div class="featureselector"> </div> </section> </div> <div id="webpagefoot"> <footer> </footer> </div> </div> </body></html> CSS Code: body {/*background-image: url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRmopGs4E8JPZw2QSogetRzxjFhMbEPlyS8kY6hBd5mhgYQr-H4);*/background-color: #B57F35;}@font-face { font-family: Dumb1; src: url('2Dumb.ttf');}@font-face { font-family: Dumb2; src: url('3Dumb.ttf');}#container {/*background-color: white;*/width: 960px;margin-left: auto;margin-right: auto;}#webpagebanner {background-color: #EBE5AB;width: 790px;height: 150px;float: right;clear: right;border-top-right-radius: 25px;}#webpagebanner header hgroup h1 { text-align: center; width: 450px; margin-top: 35px; margin-left: 30px; /*background-color: white;*/ font-family: Dumb1; font-size: 42px;}#webpagebanner div { color: green; width: 700px; border: #B34242 solid 1px; margin-left: 45px;}#leftsidebar {background-color: #D9CE57;width: 169px;height: 760px;float: left;clear: left;border-right: blue solid 1px;}#logo { padding-top: 24px; padding-bottom: 24px; padding-left: 34px; padding-right: 34px; background-color: #D9CE57;} #logo div { height: 100px; width: 100px; background-color: red; border: black solid 1px; border-radius: 45px; }#leftsidebarnav { position: fixed;} #leftsidebarnav li { list-style-type: none; margin-top: 8px; margin-left: -1em; border-top: black solid 1px; border-bottom: black solid 1px; width: 120px; text-align: center; font-size: large; } #leftsidebarnav li:hover { background-color: white; opacity: 0.5; }#maincontent {background-color: #EBE5AB;width: 790px;height: 760px;float: left;}#maincontent section { border-bottom: black dashed 1px; padding-top: 15px; padding-bottom: 35px; padding-left: 164px; padding-right: 164px;} #maincontent section #featuredcontent { width: 480px; height: 320px; border: black solid 1px; border-radius: 50px; background-color: green; opacity: 0.5; overflow: hidden; } #maincontent section #featuredcontent figure { margin: 0px; overflow: hidden; border-radius: 50px; } #maincontent section .featureselector { width: 8px; height: 8px; border: black solid 2px; border-radius: 8px; float: right; margin-right: 10px; margin-top: 8px; background-color: red; }#webpagefoot {background-color: yellow;width: 960px;clear: both;} I use a local font but it's not really a big deal that you can't see it. How can I fix the layout so that it does not shift? P.S. Yes it's ugly right now, it's mostly laid out to show me the measurements and how the page is to be divided. Like I said it's bare bones. Or if better I have the files attached as well. But can't upload the ttf.... sorry about that. home.css index.html
  21. Amazing free webhosting

    Hi guys, I thought since this is a forum where web development is taught it would be a good idea for the community to hear about an awesome free web hosting service. They provide hosting absolutely free, there is no catch. You get 1500 MB of disk space and 100 GB bandwidth. They also have cPanel control panel which is amazing and easy to use website builder. Moreover, there is no any kind of advertising on your pages.You can register here: http://www.000webhost.com/ Enjoy, GeorgeBoy http://freegamer5.comyr.com
  22. Changing back ground colour - confused!

    Hi, I'm using this theme http://themes.industrialthemes.com/?theme=made Does anyone know how I would change the background of the main box containing the posts?
  23. hello again, since most of my websites are made in PHP.i would like to ask a maybe little kind of rookie question, if i have 2 servers, and wonna have the Database on the other, and the website on the other.what to do?... i know its possible... just, how?... do i replace the localhost with (examble) speed-scene.com?... (one of my websites)... or do i get it wrong again?... -thanks as usually.
  24. Fixing Section Layout (html5)

    Hey everyone, I have been scouring the internet trying to solve this layout problem but I haven't found a solution - I want my article section to line up next to my nav bar properly. Using <float> left or right just pushes it above or below the nav bar as you can see here: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--><title> My Magical World </title> <style> html, body { margin: 0px; padding: 0px; border: 0px } body { background-color: silver } article { margin: 20px; padding: 15px; border: 2px solid black; } footer { clear:both; background-color: red; border:5px solid black; text-align:center; } .b { border:5px solid black; text-align: center; background-color: red; } .field { border:2px solid black; text-align: center; background-color: red; } .navlink { border:1px solid #FFF; } </style> </head> <body> <div id="content-wrapper"> <!-- Content Wrapper Start --> <header class="b"> <h1> Hello World! </h1> <h2> Welcome to a magic world </h2> </header> <section id="main-content-area"> <!-- Section Main Content Area Start --> <nav style="background-color: red; border: 2px solid black; margin: 10px; padding: 10px; float: left; "> <fieldset class="field"><a href="BTSMain.html"><b>Home</b> </a></fieldset> <fieldset class="field"><a href="BTSServices.html"><b>Services We Offer</b></a></fieldset> <fieldset class="field"><a href="BTSAboutUs.html"><b>Request Service</b></a></fieldset> <fieldset class="field"><a href="BTSTestPage.html"><b>Contact Us</b></a></fieldset> <fieldset class="field"><a href="BTSTestPage2.html"><b>About BTS</b></a></fieldset> </nav> <article style="float: left"> My world is a strange place... it is populated by lemurs, lobsters, larvae, lampreys, and llamas. Lllaaaammmaaaaaaaaaassssssssssssssssssssssssss........... Lllaaaammmmmmmmaaaaaaassssssssssssssss <h4> <b> Llamas...... </b> </h4> </article> </section><!-- # Section Main Content Area End --> <footer> <h1> <a href="BTSAboutUs.html"><b>About My World </b></h1> </footer> </div><!-- # Content Wrapper End --> </body> </html> Thanks in advance
  25. yoyo W3 again...i have a question, even when its a stupid one. does anyone knows how to deny acces to a website made with a speciel browser?... like if i where to only wish google chrome users to see my site (as a examble)... is that possible?... -thanks in advance...