Jump to content

WebOutGateway

Members
  • Posts

    20
  • Joined

  • Last visited

Profile Information

  • Gender
    Not Telling

WebOutGateway's Achievements

Newbie

Newbie (1/5)

1

Reputation

  1. Hi, Chrisj! I think it's a matter of browser compatibility so you cannot style the dropdown in IE as same as with Chrome. In other words, it is the default view. What you can do is modify the entire dropdown box. I hope this helps. Thank you.
  2. Hi, phdphd! Maybe you can try the z-index CSS property. It controls the elements that overlap with each other. The element with the greater z-index will be positioned in front of the element with lower z-index. I hope this helps. Thank you.
  3. Hi, Pain! You mean, something like this? http://goo.gl/O245N2
  4. Hi, Pain! If you don't mind, can you please post a portion of your HTML and CSS codes? Thank you.
  5. Hi, Destramic! Referring to this: http://jsfiddle.net/gxRC9/502/ I just modified some things, you can paste this and try to see what happens in the demo: CSS: var stickyOffset = $('.sticky').offset().top; $(window).scroll(function(){ var sticky = $('.sticky'), scroll = $(window).scrollTop(); if (scroll >= stickyOffset) { sticky.addClass('fixed'); sticky.html("Hello There."); } }); Then try to add this in the HTML section to allow the scroll: <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <div>To scroll</div> Also, remove the <section> tags so that the position of the header is fixed. I hope this helps. Thank you.
  6. Hi, Russia! Try, moving your border-right: 1px solid #ccc; from #nav li a to #nav li. And add this to your #nav li ​margin:0px 0px 0px -2px; That would remove the margin in the left side. I hope this helps. Thank you!
  7. Hi, bulldog11! Maybe you should use a Javascript. Change your input submit to button and use the .onclick event to trigger a function that will change the background color. For example: <button onclick="thisFunction()">Change color.</button> And the script goes: <script> function thisFunction() { ... } </script> You can also refer to this example: http://www.webcodingtech.com/javascript/change-background-color.php# I hope this helps. Thank you.
  8. Hi, man5! Here is an excerpt from http://www.lunametrics.com/blog/2012/12/13/building-ultimate-xml-sitemap/#sr=g&m=o&cp=or&ct=-tmc&st=(opu%20qspwjefe)&ts=1407985147 that might help you in finding the right sitemap generator: "Unless you have a very small site and/or a desire to hand code the Sitemap, you’re probably going to use a Sitemap generator tool to build the Sitemap file. The generator will look out the pages in your site and list them on the Sitemap, according to XML Sitemap protocol and how you configure the generator. There are basically two types of generators — those that crawl your site (like Googlebot does), and those that look at your site from the back-end. I find that CMS-specific back-end based generators usually make life easier. (That said, I do highly recommend running a crawler on your site from time to time to see all existing URLs, broken links, http status codes, and such.) Sitemap generator selection criteria: Pick a generator that: 1. will generate the types of Sitemaps you need. 2. fits your needs identified in needs analysis. 3. updates dynamically. Updating static Sitemaps is usually an unnecessary and undesirable chore. 4. set the sitemap tags for individual pages and groups of pages 5. break up sitemaps into pieces however you want 6. *Bonus: find orphan pages (pages that do not have any pages linking to them) Sitemap content: To decide which URLs to include in your Sitemap, you need to figure which pages you want the search engines to crawl and index. Remember, we’re only going to list one URL for each page. We also will leave out pages that should be private. Sitemap structure: You may need multiple Sitemaps files if: You want special sitemaps for specialized content (images, videos, etc…) You suspect certain sections of your site are at risk for indexation shortcomings and you’ll want to analyze those sections You have a large site (each Sitemap file can only be up to 50,000 URLs or 50MB) When deciding how to structure Sitemap files of the same type, section the Sitemaps in terms of what is most helpful in diagnosing indexation issues. Ask yourself 2 questions: What parts of your site are not getting indexed that should be? What pages are not getting indexed frequently enough?" Here is a list of sitemap generators: https://code.google.com/p/sitemap-generators/wiki/SitemapGenerators I hope this helps. Thank you.
  9. Creating a dropdown menu is simple with HTML and CSS. 1. Create your list of menu items, one with its sub-menu, using HTML. <ul id="menu"> <li> <a href="#">HOME</a> </li> <li><a href="#">COURSES</a> <ul class="sub-menu"> <li> <a href="#">DEGREE</a> </li> <li> <a href="#">DIPLOMA</a> </li> <li> <a href="#">HIGHSCHOOL</a> </li> </ul> </li> <li><a href="#">ABOUT</a> </li> </ul> 2. Next, using CSS, style your menu list as it is, when it is hovered, and the appearance of your submenu when the main menu is hovered. /*Initialize*/ ul#menu, ul#menu ul.sub-menu { padding:0; margin: 0; } ul#menu li, ul#menu ul.sub-menu li { list-style-type: none; display: inline-block; } /*Link Appearance*/ ul#menu li a, ul#menu li ul.sub-menu li a { text-decoration: none; color: #fff; background: #666; padding: 5px; display:inline-block; } /*Make the parent of sub-menu relative*/ ul#menu li { position: relative; } /*sub menu*/ ul#menu li ul.sub-menu { display:none; position: absolute; top: 30px; left: 0; width: 100px; } ul#menu li:hover ul.sub-menu { display:block; } Source: http://forums.phpfreaks.com/topic/290356-how-to-create-a-dropdown-list-in-a-header-menu-in-html-and-css/?do=findComment&comment=1487238 You may also want to take a look at this: http://cssmenumaker.com/blog/flat-dropdown-menu-tutorial I hope this helps. Thank you.
  10. Hi, apacheguy! Try this: <!DOCTYPE html> <html> <head> <style media="screen" type="text/css"> /* <!-- */ body{ margin: auto; width: 100%; padding: auto; } #container{ width: 980px; height: auto; margin: auto; } .clear{ clear:both; } #grid{ padding: 100px; margin: auto; } .grid-element{ width: auto; padding: 0px 44px 0px 44px;/*sets the padding for the right and left sides*/ display: inline-block; margin: auto; } a.clickable-div { display: block; height: 100%; width: 100%; text-decoration: none; } .img { height:auto; width:inherit; max-height:100%; max-width:100%; } .button { color: #900; font-weight: bold; font-size: 150%; text-transform: uppercase; display: block; width: 50%; } /* --> */ </style> </head> <body> <div id="container"> <div id="grid"> <div class="grid-element" align="center"> <img src="wog.jpg" class="img"> <h1>Hue Lamp 1</h1> </div> <div class="grid-element" align="center"> <a href="action.php?light=2&state=false"> <img src="wog.jpg" class="img"></a> <h1>Hue Lamp 2</h1> </div> <div class="grid-element" align="center"> <a href="action.php?light=3&state=false"> <img src="wog.jpg" class="img"></a> <h1>Hue Lamp 3</h1> </div> </div> /*end div #grid*/ <div align="center"> <form method="POST" action="action.php"> <input type="hidden" name="scene" value="02b12e930-off-0"> <input type="submit" value="Scene 1" class="button"> </form> <br/> /*instead of <p>*/ <form method="POST" action="action.php"> <input type="hidden" name="off"> <input type="submit" value="All Off" class="button"> </form> </div> </div> /*end of div #container*/ </body> </html> I've set the style of the <body> section. I've created another <div> for the whole content which is the #container. I've set your #grid's padding to 100px and the margin with auto. Also your .grid-element's width, padding. display and margin. I hope this helps. Thank you.
  11. Hi, Nuzzy! This is a simple tutorial on how to create a collapsible list in Javascript: http://code.stephenmorley.org/javascript/collapsible-lists/ I hope this helps. Thank you.
  12. Hi, kutchbhi! Joomla is capable of content management and is ideal for E-commerce sites. Joomla has tools that might help you build your site. Check this out: http://extensions.joomla.org/search?q=classifieds I hope this helps. Thank you.
  13. Hi, Chrisj! Maybe what requinix meant was that, in your CSS, you only have the property, which removes the border of the images, inside the <a> tags (a > img). Try applying that property to the images inside the <button> tags (button > img). CSS: button > img { border: none; } I hope this helps. Thank you.
  14. Hi, mindapolis! What dalescosp have said is right. You have set a specific width that's why it doesn't cover the whole right side. Try to set the width of the #mainContent to auto. #mainContent { width: auto; } I hope this helps. Thank you.
  15. Hi, slj90! Yes, it is possible to have an effect on a span. You can style it just like styling other elements. You can style it directly in your .css file span{ background:#000000; color: #1E90FF; } If it is under a <div> section with a class divName, .divName span{ background:#000000; color: #1E90FF; } or if your span has an id spanName, #spanName{ background:#000000; color: #1E90FF; } If you're using Javascript, you can use the .css method to change the style of your span. You can refer to this: http://api.jquery.com/css/ I hope this helps. Thank you.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.