Jump to content

Search the Community

Showing results for tags 'HTML5'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 155 results

  1. hi friends,i am trying to develop a site ,as i am very much new to developing googling alone not helping me to resolve my issue.my problem now is i have horizontal menu with vertical dropdown menu.it is working perfectly with chrome but to check for the alignment when i press print screen all 4 main html pages header logo is moving towards center when i press print screen.but for sub menu this code is working perfectly fine. i doubt sub menu it is high in contents and on the menu contents are less ,is it something cos of tat.i am totally worried.can someone please help meee <!DOCTYPE html><!--using html 5--><html lang="en-US"><head><meta name="description" content="for family safety"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta http-equiv="X-UA-Compatible" content="chrome=1" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="index.css" rel="stylesheet" type="text/css" /></head><body><div id="header"><!--starts of header--> <div id="site_title"> <h2>'IMPROVING HSE AT HOME' site!</h2> <img class="image_wrapper image_fr" src="images/Logo_lockup.jpg" alt="image" /> <br><br><br> </div></div> <!-- end of header --><div id="menu"> <!--starts of menu--><nav><ul><li><a href="index1.html">Home</a></li><li><a href="health.html" class="current">Health</a></li><li><a href="safety.html">Safety</a></li><li><a href="environment.html">Environment</a></li></ul></nav></div><!--end of menu--><div id="main"><!--start of main--> <div class="inner_box last"> <div class="col_w900_last"> <div class="col_w420 lp_box float_l"> <div class="inner_box"> <h2>HEALTH</h2> <P class="intro">Due to weather conditions in our Region, d healthy places to live.<br> </div> </div> <div class="col_w420 float_r"> <div class="post_box"> <div class="post_header"> <img width="400" height="400" src="images/Health_93453718.jpg" alt="Image 001" /> </div> </div> </div> </div></div> </div> <!--end of main--><div id="footer"> </div> <!-- end of footer --></body></html>
  2. hi friends,i am trying to develop a site ,as i am very much new to developing googling alone not helping me to resolve my issue.my problem now is i have horizontal menu with vertical dropdown menu.it is working perfectly with chrome and IE 11 BROWSERS, to check for the alignment when i press print screen all 4 main html pages header logo is moving towards center using CHROME but alignment is perfect when using IE.FOR sub menu alignment works fine for chrome and IE. i doubt sub menu it is high in contents and on the menu contents are less ,is it something cos of tat.i am totally worried.can someone please help meee
  3. hi friends, my webpage works fine with chrome but when i press the print screen(ctrl+p) header alignment changes. i tried to correct in many ways nothing seems to work. the twist it works fine for all sub menu the alignment problem is only with main main pages(my logo is on right corner it is moving towards center when print) <!DOCTYPE html><!--using html 5--><html lang="en-US"><head><meta name="description" content="for family safety"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta http-equiv="X-UA-Compatible" content="chrome=1" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="index.css" rel="stylesheet" type="text/css" /></head><body><div id="header"><!--starts of header--> <div id="site_title"> <h2>'IMPROVING HSE AT HOME' site!</h2> <img class="image_wrapper image_fr" src="images/Logo_lockup.jpg" alt="image" /> <br><br><br> </div></div> <!-- end of header --><div id="menu"> <!--starts of menu--><nav><ul><li><a href="index1.html">Home</a></li><li><a href="health.html" class="current">Health</a></li><li><a href="safety.html">Safety</a></li><li><a href="environment.html">Environment</a></li></ul></nav></div><!--end of menu--><div id="main"><!--start of main--> <div class="inner_box last"> <div class="col_w900_last"> <div class="col_w420 lp_box float_l"> <div class="inner_box"> <h2>HEALTH</h2> <P class="intro">Due to weather conditions in our Region, d healthy places to live.<br> </div> </div> <div class="col_w420 float_r"> <div class="post_box"> <div class="post_header"> <img width="400" height="400" src="images/Health_93453718.jpg" alt="Image 001" /> </div> </div> </div> </div></div> </div> <!--end of main--><div id="footer"> </div> <!-- end of footer --></body></html> body { margin: 0; padding: 0; color: #fff; font-family: Arial; font-size: 14px; line-height: 1.5em; background-color: #ccc; background-position: top}h1, h3, h4, h5, h6 { color: #fff; font-weight: normal }h1 { font-size: 34px; margin: 0 0 30px 0; padding: 5px 0; }h2 { font-size: 26px; margin: 0 0 20px 0; padding: 0;line-height: 1.1em; color:rgb(255,221,0); }.cleaner { clear: both }.h10 { height: 10px }.h20 { height: 20px }.h30 { height: 30px }.h40 { height: 40px }.h50 { height: 50px }.h60 { height: 60px }.float_l { float: left }.float_r { float: right }.image_wrapper { display: inline-block; padding: 0px; background: #000; margin-bottom: 5px; }.image_fr {position: absolute;top: 0;right: 0%; float: right;height:100px;width:220px; margin: 0px 0px 15px 15px; }#header { clear:both; height:110px; margin:0 auto; background-image:url(images/86930033.JPG); }#site_title { }#site_title h2 { margin: 0; text-align:center; padding-top: 30px; font-size:28px; color:#000;text-shadow:2px 2px #0093d0; }#menu { width:960px; position:relative; margin: 0px auto; background:#0093d0;}nav { position:relative;}#main { clear: both; width: 900px; margin: 0 auto; padding: 45px 30px 0; background-color: #54534a; overflow:hidden;}.col_w900 { width: 900px; padding-bottom: 30px }.col_w420 { width: 420px }.col_allw280 { float: left; width: 280px; margin-right: 30px }.col_w900_last { margin: 0; background: none; }.inner_box { margin-bottom: 50px; padding-bottom: 50px; }.last { margin: 0; padding: 0; border: none }.post_box { clear: both; margin-bottom: 30px }.post_box .post_header { padding: 10px 0; border: 1px; border-left: none; border-right: none; margin-bottom: 15px }.#footer { clear: both; width:900px; /* padding: 25px 30px 0; */ padding: 45px 30px 15px; margin: 0 auto; background-color:#0093d0; text-align: center; color: #fff; }
  4. hi friends, i am asked to create a website which is compatible to chrome and IE 11. i am developing the site in html5 when i added meta tags <meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta http-equiv="X-UA-Compatible" content="chrome=1" /> its showing error in w3 html5 validator Error: A meta element with an http-equiv attribute whose value is X-UA-Compatible must have a content attribute with the value IE=edge. From line 5, column 1; to line 5, column 56 =edge" />↩<meta http-equiv="X-UA-Compatible" content="chrome=1" /> ↩<met how to correct this
  5. hi all, i am new to developing, i am trying to develop a site with the help of googling. In my header title, its not aligning to center even if i give the property text-align:center #header { clear:both; height:110px; background-color:#fff; }#site_title { float: left; margin: 25px 0 0 405px; }#site_title h2 { margin: 0; padding: 0; color:#000; } waiting for the valuable inputs
  6. hi friends, I am a beginner in programming.Now i am assigned with the task of making a site with html5 and css.The issue what i am facing is I have a horizontal menu bar with vertical sub menu will come on hover. 3 main tabs home ,health,safety under that i have sub menus health 1,health 2,safety 1 ,safety 2 when i am clicking all main menus are working fine. But when i am hovering menu sub-menu display will come page wont load if i click any sub menu , If i am on home page and on hover am clicking on safety 1(sub menu) the page wont load: Error message:" This webpage is not found"but if am clicking on safety and then on safety 1 it works fine. without clicking on safety and just by hover clicking on safety 1 ,the page wont display. How to correct this ,please help me? <div id="menu"> <!--starts of menu--><ul ><li><a href="index1.html" class="current">Home</a></li><li><a href="health.html">Health</a><ul><li><a href="#">health1</a></li><li><a href="#">health2</a></li></ul></li><li><a href="safety.html">Safety</a><ul><li><a href="#">safety1</a></li><li><a href="#">safety2</a></li></ul></li></ul></div><!--end of menu--> #menu { display:block; position:relative; width: 960px; height: 50px; background-color: #fff; margin: 0px auto; border:1px solid #000;}#menu ul li a:hover{ color:#c1d82f;} #menu ul .current { color: #b13932; }#menu li:hover ul{ display:block; }#menu ul { margin: 0px; padding: 4px 0px; }#menu li { float:left; position:relative; list-style-type:none;}#menu li a { display: block; padding:10px 45px; margin-right: 5px; font-weight: 700; font-size: 14px; color: #0093d0; text-decoration: none; }#menu ul :after{ content:"."; height:0px; display:block; clear:both; visibility:hidden;}#menu ul ul{ position:absolute; left:0px; display:none; background-color:#fff; }#menu ul ul li { border:2px solid #54534a; width:100%;}#menu ul ul li a{ border-right:none; padding:5px 5px; color:#0093d0;} I think i need a code that the sub menu will come only on the click of main menu and not by hover.
  7. I like add some text with time scripts on each big popup images ..... if some one know please send me email http://kapital3.org dmbuffalo7@gmail.com
  8. Hi All,I'm a bit confused as to how it all works - - sometimes I set the local localStorage like:localStorage.setItem("First", "Bob");localStorage.setItem("Last", "Smith");then read on another page like:<span id="First"></span> <span id="Last"></span><script>document.getElementById('First').innerHTML = localStorage.getItem("First");document.getElementById('Last').innerHTML = localStorage.getItem("Last");</script>sometimes it shows fine and sometimes on other pages some fields are blankand other page may show error like:Uncaught TypeError: Cannot set property 'innerHTML' of nullQ: What am I doing wrong - why was there sometimes errors?- if I use = document.getElementById('Last') - but fail to have the correct span id="xxxx" - does that cause the errors?- What is the criteria for getting this to always have fields show up?
  9. Hello & Thanks , I Need help: using <strong> in html5 css has this for strong .strong {font : strong;} and html has this <strong class="strong">Content:</strong> Sed placerat accumsan ligula. Pls , See code below: What am I doing wrong? <!DOCTYPE html><!-- http://csslayoutgenerator.com//~Notepad_vmProjects/~PerfectOutlines-Html/PerfectOutline-index_html5_liq_lcr_s2_m1000_hh75_fh50_eh_2-Short.html--><html><head> <meta charset="utf-8" /> <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="style_html5_liq_lcr_s2_m1000_hh75_fh50_eh_2.css" rel="stylesheet"><style>/* Eric Meyer's CSS Reset */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;}/* End of Eric Meyer's CSS Reset *//* ===============Begin myStuff================ */article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}body { font: 12px/18px Arial, sans-serif;}/* Begin of styles for the demo (you can remove them) */a.expand { width: 90px; display: block; margin: 10px 0 0;}a.expand:hover { height: 500px;}/* End of of styles for the demo */.wrapper { min-width: 1000px; max-width: 1000px; margin: 0 auto;}.strong {font : strong;}/* Header-----------------------------------------------------------------------------*/.header { height: 75px; background: #FFE680;}/* Middle-----------------------------------------------------------------------------*/.middle { border-left: 250px solid #B5E3FF; border-right: 250px solid #FFACAA; position: relative;}.middle:after { display: table; clear: both; content: '';}.container { width: 100%; float: left; overflow: hidden; margin-right: -100%;}.content { padding: 0 20px;}/* Left Sidebar-----------------------------------------------------------------------------*/.left-sidebar { float: left; width: 250px; position: relative; background: #B5E3FF; left: -250px;}/* Right Sidebar-----------------------------------------------------------------------------*/.right-sidebar { float: right; margin-right: -250px; width: 250px; position: relative; background: #FFACAA;}/* Footer-----------------------------------------------------------------------------*/.footer { height: 50px; background: #BFF08E;}</style> </head><body><div class="wrapper"> <header class="header"> <strong>Header:</strong> Lorem ipsum dolor sit amet. </header><!-- .header--> <div class="middle"> <div class="container"> <main class="content"> <strong class="strong">Content:</strong> Sed placerat accumsan ligula.<a href="#" class="expand">Expand column</a> </main><!-- .content --> </div><!-- .container--> <aside class="left-sidebar"> <strong>Left Sidebar:</strong> Integer velit. Vestibulum nisi nunc.<a href="#" class="expand">Expand column</a> </aside><!-- .left-sidebar --> <aside class="right-sidebar"> <strong>Right Sidebar:</strong> Integer velit.<a href="#" class="expand">Expand column</a> </aside><!-- .right-sidebar --> </div><!-- .middle--> <footer class="footer"> <strong>Footer:</strong> Mus elit Morbi mus enim lacus. </footer><!-- .footer --></div><!-- .wrapper --></body></html> Thanks..vm
  10. Dear All I am trying to save some images in the browser’s local storage, but as the image size is more, the local storage is exhausted. Please let me know, is there a way to increase the Local Storage size programmatically using Java Script. As I am doing this for a ePub I am not sure on the other storage methods. Thanks Saai Murugan
  11. Hello,I have few problems that I cannot solve and if possible with your kindness that you can help me figure out the problem.The website is a coming soon page : www.tealovers.caThe problem: When you check on on a smartphone or a pc or mac with the resolution of 1280px x 800px. The logo is not center with everything else, it s cut. <div class="row" ><div class="col-xs-12 jasm-logo" data-scroll-reveal="wait 0.25s, then enter top and move 40px over 1s"><a href="#" title=""><img src="img/logo-1x.png" class="jasm-logo-1x" alt=""></a></div></div> and the css .jasm-logo a, .jasm-logo img { width: 421px; height: 377px; }.jasm-logo a {display: block;margin: 0 auto;}.jasm-logo img {vertical-align: bottom;}.jasm-logo-1x {display: block; The button to scroll down overlap with the text. <div class="jasm-scroll-down" data-scroll-reveal="wait 1.75s, then enter top and move 20px over 1s"> <a href="#" title=""> <i class="fa fa-chevron-down"></i> </a> </div> the css .jasm-scroll-down {width: 40px;height: 40px;;position: absolute;bottom: 10px;left: 50%;}.jasm-scroll-down a,.jasm-scroll-down a:focus {width: 40px;height: 40px;display: block;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;text-align: center;line-height: 36px;color: #fff;background-color: transparent;border: 1px solid #fff;}.jasm-scroll-down a:hover {color: #fff;background-color: #262626;;border: 1px solid #fff;} 3 The subscribe button don't work Thank a lot for the help.Cheers!K.
  12. This is my first time asking a question here, I'm quite a noob so don't be mad at me if I mess up a little. The thing is, I am doin a one page web based on skrollr: https://github.com/Prinzhorn/skrollr and I use this fantastic slider called BX Slider: http://bxslider.com/ I have already put two of the three sliders i need (those works great). The problem comes when I try to make a custom pager in the third slider using this HTML code BX slider provides me: <ul class="bxslider"><li><img src="/images/730_200/tree_root.jpg" /></li><li><img src="/images/730_200/houses.jpg" /></li><li><img src="/images/730_200/hill_fence.jpg" /></li></ul><div id="bx-pager"><a data-slide-index="0" href=""><img src="/images/thumbs/tree_root.jpg" /></a><a data-slide-index="1" href=""><img src="/images/thumbs/houses.jpg" /></a><a data-slide-index="2" href=""><img src="/images/thumbs/hill_fence.jpg" /></a></div> The problem is, when I click one of those pager items it redirects me to index.html not allowing me to interact with the actual slider. As you may know, Skrollr library use the HTML5 data- attributes to define multiple sets of styles (they call each of them keyframe) and skrollr interpolates between them. In a skrollr basic example... <div data-0="background-color:rgb(0,0,255);" data-500="background-color:rgb(255,0,0);">WOOOT</div> So my guess is... could it be they are in conflict with that data- attribute in both codes?? if so, Why doesn't that bother me when the code is in default bx-slider pager?? How could I fix this? Any Ideas? Thanks for the help!!
  13. is there a way to have text-to-speech not read a certain words or numbers. example: " 3. I'm a noob " I dont want tts to read "3." and just read " I'm a noob". I have tried speak:none and aria-hidden="true" , But that appear to only work for screen reader and not tts. I am using google text to speech. and my code is in html5. Thanks Updates: This question seem to be unclear to some people. I am making an android app book that have the feature text-to-speech. When text-to-speech is enable, It read everything on the page. I want a code that can control what i want it to read on the page and what not to read out loud. for an example : I want it to read out loud the body paragraph texts and not read loud out the chapters text on that page.Is there a code that I can use. thanks
  14. Hello everyone! My name is Ron Kane and I am an accomplished web developer and technical writer having done many technical manuals, general information and "how-to"s in the Content Management field. I have significant success in utilizing the Adobe Suite and Microsoft SharePoint products with respect to creating content and following industry based style guides. My biggest success to date was working with one of my past company's Chief of Staff for a SVP in revamping their entire Intranet portal. This portal went from being unprofessional looking and having no web traffic to being very professional looking and increasing the traffic to it ten-fold. Right now, I'm reading through the HTML tutorials in preparation for my first ever HTML certification through here to gain recognition for my commitment to improving my skills and to meet with fellow web developers on here. Ask away if you have quesitons and I'm glad to be on here! Ron
  15. Brief question concerning the HTML certification. The study material they recommend (in order to succeed in this test), is to study the HTML Tutorial page. Is that the ONLY section that relates to that particular test? What i mean is that there are other sections (HTML Forms, HTML SVG, etc). I wasn't certain if the test will include those sections as well. Can someone help clear this up for me? Also, what if you have no supervisor to watch over you. I'm by myself studying for these tests. Do we really need a supervisor to take these? I appreciate your help in clarifying these two questions. Thank you! Ron Kane
  16. Hey all!A bunch of us have been putting together a web-based drawing app. In a nutshell, users connect in real-time to draw or chat on a sort of interactive whiteboard. Plenty of these are made in Flash, but we are determined to build it in JavaScript and HTML5; a site that immediately works on mobile (because it's not Flash), tailors to everybody from drawing tablet users to people who want to screw around, chat and play games — and with an awesome, modern look that other apps lack. The thing that works so well is these kinds of programs give you a lot of freedom of expression that I think by making more accessible we can popularize, and truly get a future-proof, lasting community going.Current drawing apps aren't too popular as they're not accessible to the host of many devices people use, chatting's not versatile or user-friendly enough to compete with chat sites, and their designs look god-awful like it's still the 90's. So with what we're after, there's insane potential in this project. This is the interface. I hope it gives you some sense of what we're aspiring for. It's predominantly HTML, CSS, and JS with server-client communication in HTML5's WebSockets, and some points in PHP. If you're good with any of these, message me here, Skype drawplanet or email form@drawplanet.net. I'll be more than happy to answer any questions. And if you're critical of anything, nothing's set in stone. It's very much a by the community, for the community type of project. Also on the hunt for people good with P2P networking, node.js, SQL, or server management.
  17. So, I'm trying to make this website for a friend and the sidebar is not cooperating! It is having a bit of issues it keeps on going underneath all of the content instead of going to the right side like it is supposed to do! I'm going to insert some code and tell me if you see something that will make the sidebar go off to the bottom instead of going to the side! Sorry the code snippet is not working <html> <head> <title>About Us | NueroEdge</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]--> <script src="js/jquery.min.js"></script> <script src="js/jquery.dropotron.min.js"></script> <script src="js/skel.min.js"></script> <script src="js/skel-layers.min.js"></script> <script src="js/init.js"></script> <noscript> <link rel="stylesheet" href="css/skel.css" /> <link rel="stylesheet" href="css/style.css" /> </noscript> <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]--> </head> <body> <!-- Header Wrapper --> <div class="wrapper style1"> <!-- Header --> <div id="header"> <div class="container"> <!-- Logo --> <h1><a href="#" id="logo">Solarize</a></h1> <!-- Nav --> <nav id="nav"> <ul> <li class="active"><a href="index.html">Home</a></li> <li> <a href="">Dropdown</a> <ul> <li><a href="#">Lorem ipsum dolor</a></li> <li><a href="#">Magna phasellus</a></li> <li><a href="#">Etiam dolore nisl</a></li> <li> <a href="">Phasellus consequat</a> <ul> <li><a href="#">Lorem ipsum dolor</a></li> <li><a href="#">Phasellus consequat</a></li> <li><a href="#">Magna phasellus</a></li> <li><a href="#">Etiam dolore nisl</a></li> <li><a href="#">Veroeros feugiat</a></li> </ul> </li> <li><a href="#">Veroeros feugiat</a></li> </ul> </li> <li><a href="left-sidebar.html">Left Sidebar</a></li> <li><a href="right-sidebar.html">Right Sidebar</a></li> <li><a href="no-sidebar.html">No Sidebar</a></li> </ul> </nav> </div> </div> </div> <!-- Main --> <div id="main" class="wrapper style4"> <div class="container"> <div class="row"> <!-- Content --> <div id="content" class="8u skel-cell-important"> <section> <header class="major"> <h2>WE ARE NUEROEDGE</h2> <span class="byline">POWERED BY ANAZRO</span> </header> <div class="wsite-spacer" style="height:53px;"></div> <img src="imagesNueroEdgeLogo.png"align="left" height="150" width="160" ><div class="paragraph" style="display:block;"><font size="3"><strong>H</strong>ello, and welcome to our team Nueroedge! The world's upcoming top organizational Team. #NueroEdge. It was first founded January of 2015. Yes, We are fairly new but we also have a vision for one of the bigger computational team! If you have any question about you security visit our <a href="/privacy-policy.html" title="">privacy policy</a> and/or our <a href="/contactus.html" title="">contact us</a>! We know that we are a fairly new company and we want to respect your privacy and be the next big thing!</font></div> <hr style="width:100%;clear:both;visibility:hidden;"> <aside><a class="twitter-timeline" href="https://twitter.com/NueroEdge" data-widget-id="574673632108134400">Tweets by @NueroEdge</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></aside></p> </div> </section> </div> <!-- Sidebar --> <aside> <div id="sidebar" class="4u"> <section> <header class="major"> <h2>Etiam malesuada</h2> </header> <ul class="default"> <li><a href="#">Pellentesque lectus gravida blandit</a></li> <li><a href="#">Lorem ipsum consectetuer adipiscing</a></li> <li><a href="#">Phasellus nibh pellentesque congue</a></li> <li><a href="#">Cras vitae metus aliquam pharetra</a></li> <li><a href="#">Maecenas vitae orci feugiat eleifend</a></li> <li><a href="#">Phasellus nibh pellentesque congue</a></li> <li><a href="#">Cras vitae metus aliquam pharetra</a></li> </ul> </section> <section> <header class="major"> <h2>Mauris vulputate</h2> </header> <ul class="default"> <li><a href="#">Pellentesque lectus gravida blandit</a></li> <li><a href="#">Lorem ipsum consectetuer adipiscing</a></li> <li><a href="#">Phasellus nibh pellentesque congue</a></li> <li><a href="#">Cras vitae metus aliquam pharetra</a></li> <li><a href="#">Maecenas vitae orci feugiat eleifend</a></li> <li><a href="#">Phasellus nibh pellentesque congue</a></li> <li><a href="#">Cras vitae metus aliquam pharetra</a></li> </ul> </section> </div> </div> </div> </div> </aside> <!-- Team --> <div class="wrapper style5"> <section id="team" class="container"> <header class="major"> <h2>Key Members/Co-Founder</h2> <span class="byline">These are the people who make it Happen! Click the Picture for twitter</span> </header> <div class="row"> <div class="3u"> <a href="#" class="image"><img src="images/ryantarson.png" alt="" style="width:162px;height:162px"></a> <h3>Ryan Tarson</h3> <p>Ryan is a Contributor, Website Developer, Social Media Admin, Account Managers, Hosting, Financial Advisor, PC Gamer/PC streamer</p> </div> <div class="3u"> <a href="#" class="image"><img src="images/kavini.png" alt="" style="width:162px;height:162px"></a> <h3>Kavin I.</h3> <p>Kavin is a Contributor, GFX Artist, Streamer, Competitive Gamer, Social Media Moderator, Account Manager</p> </div> <div class="3u"> <a href="#" class="image"><img src="images/placeholder.png" alt="" style="width:162px;height:162px"></a> <h3>Help Wanted</h3> <p>Another Develper Needed</p> </div> <div class="3u"> <a href="#" class="image"><img src="images/placeholder.png" alt="" style="width:162px;height:162px"></a> <h3>Help Wanted</h3> <p>Streamer/Competitive Player. Trust worthy</p> </div> </div> </section> </div> <!-- Footer --> <div id="footer"> <section class="container"> <header class="major"> <h2>Connect with us</h2> <span class="byline">Want to stay up to date? Follow our Social Media Networks.</span> </header> <ul class="icons"> <li class="active"><a href="https://www.facebook.com/pages/NueroEdge/1560679180842070" class="fa fa-facebook"><span>Facebook</span></a></li> <li><a href="https://twitter.com/NueroEdge" class="fa fa-twitter"><span>Twitter</span></a></li> <li><a href="#" class="fa fa-youtube-play"><span>YouTube</span></a></li> <li><a href="https://plus.google.com/111096761474269802283/about" class="fa fa-google-plus"><span>Google+</span></a></li> <li><a href="#" class="fa fa-envelope"><span>Mail></a></li> </ul> <hr /> </section> <!-- Copyright --> <div id="copyright"> ©2014 <a href="http://nueroedge.com">NueroEdge</a> All Rights Reserved | <a href="http://nueroedge.com">Contact Us |</a> <a href="http://nueroedge.com/cc0">Team Members </a> </div> </div> </body> </html> Please help me out, Thanks!
  18. DIY-Forum

    Sass?

    Hello everyone I've been wondering about this Sass language, is that usable on the net? it seems that it is very good in limiting the troubles with styling running wild when you have not done it properly in css, like doing every style class in a special order, Sass seems to define every element to be styled alot better, is that right? and should it be used more? If in the case that it should be used more, maybe you should add a category together with css? both on the forum and maybe on the website itself under the css category? Kris
  19. Hello, I have a php web page that contains graphics, and I want to incorporate into this web page a drop-down list, selecting the year, we display the graphic that matches this year at the same page ... I created the drop-down list in html but I know how to have when you click on an item in the drop-down list displays all my graphics in the same web page. here is the list that I created: <form name="test" method="post" action ="home.php"><select name="annee" onChange="this.form.submit()"> <option value="1"> 2009</option> <option value="2" >2010</option> <option value="3">2011</option> <option value="4">2012</option></select> Here is my graphics : <div class="col-lg-6"><div class="panel-body text-center"> <script type="text/javascript"> $(document).ready(function() { var options = { chart: { renderTo: 'container0', type: 'column', }, title: { text: 'Evolution trimestrielle du Parc Mobile ' }, xAxis: { categories: ['mars-08','juin-08','sept-08','déc-08','mars-09' ] }, yAxis: { min: 0, title: { text: 'millions' }, }, legend: { enabled: false }, plotOptions: { series: { dataLabels: { enabled: true, format: '{point.y:.1f}' }}}, tooltip: { pointFormat: ' <b>{point.y:.1f} millions</b>' }, series: [] } $.getJSON("evte.php", function(json){ //options.xAxis.categories=json[0]['data']; options.series[0]=json[0];chart=new Highcharts.Chart(options);}); });</script> <div id="container0" style="min-width: 400px; height: 400px; margin: 0 auto"> </div> </div></div> <div class="col-lg-6"><div class="panel-body text-center"> <script type="text/javascript">$(document).ready(function() { var options = { chart: { renderTo: 'container', type: 'column', }, title: { text: 'Répartition Prépayé Post-payé' }, xAxis: { categories: ['mars-08','juin-08','sept-08','déc-08','mars-09'] }, yAxis: { min: 0, title: { text: 'milliers' }, stackLabels: { enabled: true, style: { fontWeight: 'bold', color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray' } } }, legend: { align: 'center', x: 10, verticalAlign: 'under', y: 371, floating: true, backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white', borderColor: '#CCC', borderWidth: 1, shadow: false }, tooltip: { formatter: function () { return '<b>' + this.x + '</b><br/>' + this.series.name + ': ' + this.y + '<br/>' + 'Total: ' + this.point.stackTotal; } }, plotOptions: { column: { stacking: 'normal', dataLabels: { enabled: true, color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white', style: { textShadow: '0 0 3px black, 0 0 3px black' } } } }, series: [] } $.getJSON("repartition.php", function(json){ options.series[0]=json[0]; options.series[1]=json[1]; chart=new Highcharts.Chart(options);}); }); </script> <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"> </div> </div> </div> </div></div></div> <div class="tab-pane fade" id="service-two"> <br/> <div class="col-lg-6"><div class="panel-body text-center"> <script type="text/javascript"> $(document).ready(function() { var options = { chart: { renderTo: 'container09', type: 'column', }, title: { text: 'Evolution trimestrielle du Parc Mobile (en milliers)' }, xAxis: { categories: ['juin-08','sept-08', 'déc-08','mars-09','juin-09' ] }, yAxis: { min: 0, title: { text: 'millions' } }, legend: { enabled: false }, plotOptions: { series: { dataLabels: { enabled: true, format: '{point.y:.1f}' }}}, tooltip: { pointFormat: ' <b>{point.y:.1f} millions</b>' }, series: [] } $.getJSON("evtrimmobile juin09.php", function(json){ options.series[0]=json[0];chart=new Highcharts.Chart(options);}); }); </script> <div id="container09" style="min-width: 400px; height: 400px; margin: 0 auto"> </div> </div></div> <div class="col-lg-6"><div class="panel-body text-center"> <script type="text/javascript"> $(document).ready(function() { var options = { chart: { renderTo: 'containerr09', type: 'column', }, title: { text: 'Répartition Prépayé Post-payé' }, xAxis: { categories: ['juin-08','sept-08','déc-08','mars-09','juin-09'] }, yAxis: { min: 0, title: { text: 'milliers' }, stackLabels: { enabled: true, style: { fontWeight: 'bold', color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray' } } }, legend: { align: 'center', x: 10, verticalAlign: 'under', y: 371, floating: true, backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white', borderColor: '#CCC', borderWidth: 1, shadow: false }, plotOptions: { series: { dataLabels: { enabled: true, format: '{point.y:.1f}' }}}, tooltip: { formatter: function () { return '<b>' + this.x + '</b><br/>' + this.series.name + ': ' + this.y + '<br/>' + 'Total: ' + this.point.stackTotal; } }, plotOptions: { column: { stacking: 'normal', dataLabels: { enabled: true, color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white', style: { textShadow: '0 0 3px black, 0 0 3px black' } } } }, series: [] } $.getJSON("repartitionm.php", function(json){ options.series[0]=json[0]; options.series[1]=json[1]; chart=new Highcharts.Chart(options);}); }); </script> <div id="containerr09" style="min-width: 400px; height: 400px; margin: 0 auto"> </div> </div></div> </div> PS: graphics are created using software Highcharts Thank you for helping me.
  20. Hey everyone,Trying to make a website for learning purposes and I am totally lost. I'm teaching myself CSS3.0 and HTML 5.0 having learnt CSS2 and HMTL4 many years ago. None and no CSS I write is ever applied to the HTML5 webpage despite being referenced and both the HTML and CSS files being in the same folder together. And yes, I've Googled a lot and looked up my old textbooks and am still super stuck...see attached or look below for the code:PS: Using Microsoft Expression Web 4 (trial) OxfordEngineering.html<!DOCTYPE html><html><meta charset="UTF-8"><title></title><head><link rel="stylesheet" type="text/css" href="Oxford_engineering_CSS.css"></head><body>This is my website!</body></html>Oxford_engineering_CSS.css<div id="slider">div#slider { width: 80%; max-width: 3000px; }<figure><img src="Images/Edited/Engineer1.jpg" alt="Engineer1"><img src="Images/Edited/Engineer2.jpg" alt="Engineer2"><img src="Images/Edited/Engineer3.jpg" alt="Engineer3"><img src="Images/Edited/Engineer4.jpg" alt="Engineer4"></figure>div#slider figure {position: relative; width: 500%;margin: 0; padding: 0; font-size: 0; text-align: left;}figure#imagestrip img {width: 25%; height: auto; float: left;}div#slider {width: 80%; max-width: 3000px; overflow: hidden}</div>body {background-color: #b0c4de;}
  21. So I've got this conundrum for a web-based drawing app I'm trying to have made. It's one where users can connect in real-time to draw with each other in the same space (like an interactive whiteboard). This has been done plenty of times in Flash (sites like FlockDraw). But how practical would it be in HTML? Trouble is, I've had difficulty finding the right sort of ActionScripters for the job, the program would then require Flash which isn't always available (iPhone, iPad...), and mobile compatibility is quite important. On the other hand DRM is virtually nonexistent on HTML, certainly not near the security Flash offers if that were needed. I'm also skeptical how Canvas would perform, and ultimately the image quality compared to Flash. An HTML program called Sketchpad is excellent at this, but how would that fare with many users online? Any advice is most appreciated. ☺
  22. SO is HTML5 finished? came accress these today? thoughts?? http://www.zdnet.com/now-html-5-is-finished-w3c-boss-jeff-jaffe-discusses-what-comes-next-7000036254/ http://www.reddit.com/r/programming/comments/2nzq4i/now_html_5_is_finished_w3c_boss_jeff_jaffe/ http://www.cnet.com/news/html5-is-done-but-two-groups-still-wrestle-over-webs-future/ http://www.i-programmer.info/news/191-htmlcss/7915-html5-is-a-finished-w3c-standard.html
  23. I want to create a dynamic header like the image attached... By dynamic i mean the borders should adjust according to the length of the text Help Appreciated
  24. Prior to HTML5 it was possible to dynamically format a text so that a heading of 1 to 3 lines could be centred and the balance of the text left justified. The <center> </center> construct did this. HTML 5 has cancelled the command and the note says use CSS. Could someone explain how CSS might replicate the dynamic formatting.
  25. Hi guys I have been experimenting with Google Maps API and I have been able to create 2 different Maps that do what I want 1 map to do. I have a map with pins that I retrieved from a SQL database and another map that has weather layers using KML. Whenever I try to merge these two maps together both the weather layer and the pins fail to load. I think it has something to do with the function that initializes the maps. In lm.html I always used the initialize function to load the body but in the index.html the template uses a load body function. I think this is what causes the errors I am getting. The file index.html has my pins. You will need the config and xml files . It really just uses the tutorial file here https://developers.google.com/maps/articles/phpsqlajax_v3. This file lm.html is just a maps with my KML weather layers. How can I add weather layers to index.html? config.php index.html lm.html maps_xml.php
×
×
  • Create New...