Search the Community
Showing results for tags 'html5'.
-
I have a script developed in php. It is non-responsive. I want to convert it to a responsive website. Is there any free tool or software or step by step guide to do it? I know a little html and css, but not php. I was wondering if there is a place where I can import my existing template, apply bootstrap with one click and export. It is an open source script and can be downlaoded from phpb2b.com.
-
<php at the top of page> <followed by an html tags, then by below php> <?php include ('./includes/footer.html'); ?> <script type= "text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <script type= "text/javascript" src= "./js/collabsible.js"></script> For one odd page of the website I wanted to have collapsible/uncollapsible text using jQuery, so I placed the relevant scripts at the bottom of the page as seen above. It works. But in a previous communication it was stated that the ideal place for inclusion of js/jQuery scripts is before the closing tag of the body. The footer file, included before the scripts, closes the body and html tags, which means the scripts are placed even after the closed html. If scripts are placed before inclosure of the footer file, it would then be before some html tags. I cannot place them in the footer file before closure of the body tag because I need scripts in this page only while footer is also in the rest of site pages. It seems I have only two options: leaving them as seen above or make one additional footer page for this page only where I can place the scripts before body closure tag. Any help or guidance will be appreciated.
-
I have a page that links to a video. When it loads, there is a lag in video loading, meaning the video loads but after a few seconds from loading the rest of content. I would appreciate if someone can show me how I can make the video loads exactly at the same time of everything else.
-
Sometimes I see things that are not supported by HTML5 and other times there are things new to only html5. If I am looking at a method of installing image to a page, and there is no supported by html5 I figure, that is ok because that may be new, and I know somewhere in there "plan ahead for the future" not stick with the old. but I dont know what that matters. I figure if it is a tried and true way of "HTML" than a browser is strolling along, how would the HTML version before html5 be negatively effected. perhaps there could be a link at the html5 warnings where you could click that to see the similar method that is html5. what to do here? Not sure weather I should care about this yet. until I get the beginning "old fashion" understood better than work with new?
-
Dear all: I have uploaded a YouTube video succssfully into my website using YouTube's iframe preferred tag. The site is coded using html5. I donot want to show any sugessted videos after the main video finishes, therefore, I did the following: clicked on share under the YouYube video; clicked embed; uncheked the 'Show suggested videos when the video finishes' check box. While the video loads and runs well, there are still videos suggested after it finishes. I would appreciate any help in resolving this issue. Best regards,
-
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>
-
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
-
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; }
-
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
-
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
-
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.
-
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
-
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?
-
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
-
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
-
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.
-
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!!
-
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
-
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
-
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
-
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.
-
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!
-
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
-
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.
-
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;}
