Jump to content

newseed

Members
  • Posts

    501
  • Joined

  • Last visited

Everything posted by newseed

  1. I don't see any html code listed and so I will give you an example site that I did a few years ago: http://www.aspensystemsdirect.com/
  2. Use position: absolute; top: -999em; . It will still be there but not visible to users because it way off the screen. Now, what if someone does not want to hear your background music? I mean every time they hit that page they are going to hear the same tune over and over again which is why you very, very few site using them and for those that do use them they give the user the option to turn it off. That's my two-bits worth.
  3. I'm not old schooled but there is still nothing wrong with using tables for certain situations like the one your have. IF you must use divs then you might want to looking into a jquery solutionhttp://www.cssnewbie.com/example/equal-heights/plugin.htmlThere might be others so just Google them.
  4. Use media query. For cell phone users, large images will take longer to download and in addition many smartphone owners don't have unlimited data bandwidth.
  5. Height in divs will only display whatever is contained within the div. You also have other layer issues via IE10.
  6. It's really not a problem or issue. You just need to make the flyout to fly to the left instead of right so that it does not go beyond the framework. You have to define that parent nav with a unique class and then add the new css.Now I am just guessing here because I have no clue what your html is like but you would need to find the parent css, make a copy and then apply the new unique class to it. Next you would need to find the css to cause the flyout to go right. Copy that and apply the unique class and then set the postioning to left:auto and add right:10px (or whatever px you require).
  7. More than likely you will need to change it manually. The preferred character encoding is utf-8.
  8. If you are using Wordpress you can check the plugins section and search for a plugin. I would try 'image popup' in the plugins search. If you not using Wordpress then you might checkout Highslide.com. I find this quite good and easy to implement. It's fully supported across all browsers.
  9. This is caused by the text no being the same length (ie. 'Name:' being just a bit longer than 'Email:'). The solution is to use <label> tags and then set that tag to a fixed width. <label>Name:</label><input type="text" name="name" placeholder="Type Here"><br><label>Email:</label><input type="email" name="email" placeholder="example@example.com"> CSS:label {width: 100px;} /*adjust to suit*/
  10. Almost anything is possible but its still not clear in what you are trying to do. Maybe provide a url of the menu you are working on.
  11. Just duplicate that block of code you've just provided and copy it below. You would then edit that block of code by changing menu-navigation-bar to menu-benefits-container (2 places)
  12. newseed

    Confused

    The clear: both is telling the page to clear everything on the left and right before displaying the next element (html tag).
  13. I have not put my finger on what the actual problem is but I think the visibility: visible is not being applied via js. I would make a test by switching the two menus in you php to see if the opposite happens. (ie. menu-1 is now menu-5 ----- and menu-5 is now menu-1). If insurance still does not work yet community does then it requires some js to identify the new id name in your ul list. <div class="navWrapper"> <?php wp_nav_menu( array( 'theme_location' => 'menu-5' ) ); ?> </div> <div class="navWrapper"> <?php wp_nav_menu( array( 'theme_location' => 'menu-1' ) ); ?> </div>
  14. I believe just about all handheld devices are capable of rendering HTML5 and CSS3. Desktop browsers is a different story. Chrome probably renders it best followed (a close 2nd) by Firefox. IE10 seems to be right up there now since it's release. IE9 is a bit further behind. As for IE8 and 7, well, it's just simply outdated but unfortunately it still has about 15% of the market. So the question is: Can I code using HTML5 and CSS3? Yes but not without some javascript to help legacy browsers render correctly. Google "HTML5 shim" As for Opera, I have not used or tested that browser in a few years and so I can tell you if supports HTML5/CSS3 fully or partially.
  15. newseed

    Confused

    <div id="rightside"><h2>Download our price list</h2><br /><p>click here to find us</p></div><!--rightside--><div style="clear:both"></div><div id="rightside2"><h2>Download our price list</h2><br /><p>click here to find us</p></div><!--rightside2--><div style="clear:both"></div> Remove the first <div style="clear:both"></div>
  16. newseed

    Close paragraph

    You know, I really don't know. You might test it. If it does not give you the desire results then there is an alternative which requires the use of span tag and background image.
  17. newseed

    Close paragraph

    If I understand correctly the answer is yes. p:after {content: " ***********************************************************************";} You need to add enough of the characters to fill the width. If you noticed, I added a blank space before the first asterisk so that it allows a space between the last letter and first asterik
  18. newseed

    drop list prob

    You need to look at the length of each value in the list to see if any are very long. Based on your screen shot I see nothing but short names but I also don't see the full dropdown (remaining list). If the length of each value is not the issue then I would look at the css to see if there is a width setting for the <select> tag.
  19. CSS is for styling. You can't add a block of script to it. However, you can certainly take that block of code and assign it to a file. If it's just javascript then you use <script> tags in your header. If script and html then you can use php includes.
  20. The best thing you can do is keep it very simple so it will display gracefully if users do not have html view enabled. For those that have it enabled will see it fine. If you want to go the distance then you will need to read up on some articles on what you can do and cannot do. Email program renders html quite differently than browsers. Additional, sometimes the best result is using tables (uhm...yes....I did say tables). Here's some sites that can help you: Test your html for EmailConvert css for EmailEmail Standards Project These are good read:Code HMTL Email NewslettersEmail css Support
  21. There are quite a number of places you need to change. The overall framework will require to edit the width for #navigation and #content. Then you will need to edit the menu so that it fits: #navigation li and #navigation a:link. Also edit #wsite-menus .wsite-menu li width. So whatever you subtract from your navigation overall width be sure to add that number to content css. There might a couple of other places but it should get you going in the right direction.
  22. Then why not apply the margins or paddings to body instead?
  23. Add this right after the closing 'bib' div.<div style="clear:both;"></div>
  24. As I said before, it's showing the spacing below. Are you looking at this in your browser? If so, which one?
×
×
  • Create New...