Jump to content

BeeDev

Member
  • Posts

    328
  • Joined

  • Last visited

  • Days Won

    2

Everything posted by BeeDev

  1. $stefan = new person("stefan mishook"); EQUALS SIGN Syntax Error = Typo
  2. "Or have you never even bothered so you have no idea"
  3. I can't really help you, but you can grab items inside an iframe using jQuery: $('#element', $('iframe').get(0).contentDocument) where #element is any selector relative to the html element inside the iframe. Try and experiment with this, maybe you will find a way. I would suggest instead of using #anchor on the iframe url, try and see if you can use jquery to scroll the iframe using jquery after page load.
  4. Prepend the following to the paths bloginfo("url") instead of hard-coded paths. Or you can use bloginfo("template_url") if those images reside inside ur template folder. More info here: http://codex.wordpress.org/Function_Reference/bloginfo
  5. You can just use Padding or Margin for the first question. margin-top: 5px; OR padding-top: 5px; For your second question, as Ben says we need to see how it's coded.
  6. If you're absolutely sure the file names are correct, then if you're testing with Internet Explorer make sure to empty the cache as it caches your CSS and Javascript files, or if you're using Firefox then CTRL+F5 should do the trick. It's easy to check if the file name is correct. Just visit the CSS file with your browser, instead of index.html put style.css and see if that opens or returns 404 Not Found error. If it returns 404 then try opening style.css.txt
  7. Why do you ask such generic questions? What do you think people think about Wordpress plugins? What is there to think about?
  8. I would just Print Screen that and crop it with MS Paint lol. Seriously, if you don't want people to copy/steal ur images, don't put it on the interwebs. Simples.
  9. BeeDev

    Joomla

    You can set it from the Menu Item parameters to set it "per article/menu item", or either from the Article Manager click on "Parameters" to set the "Global" options.
  10. Works on my end. Shows: He eats bugs.The dog ate the snake!
  11. BeeDev

    2 Background Images

    In that case min-height should work.
  12. BeeDev

    Sticky Footer

    #stickyFooter { position: fixed; bottom: 0; } Is the most basic version. But yea, worth reading Eric's tutorial for a proper way to do it, and address all the issues etc with our favorite Internet Explorer 6 browser
  13. BeeDev

    2 Background Images

    Use the following CSS: html, body, #wrap { height: 100%; } and remove the bottom padding on #wrap. Only tested on Firefox as only Firebug allows live editing
  14. BeeDev

    JS Conflict

    Cool You're welcome
  15. left and right margins set to auto will simply center the element within it's container. Say an element was 500px wide and auto left and right margins, and its container is 1000px. Then the element with 500px width will have 250px margin on both left and right sides. Margins and Paddings only work on block elements, and block elements stretch to full width of its container unless it's floated (in which case auto-margins won't have any effect) or has a specific width set (px, em or even %). So auto-margins have nothing to do with fluid width websites (%width).
  16. Have you tried the <base> tag? You can temporarily set a base path for your relative links, perhaps drop it in your template, and when you go live you can easily take it out. <base href="http://localhost/myProjectSite/" /> More info here: http://www.w3schools.com/TAGS/tag_base.asp
  17. BeeDev

    JS Conflict

    Try putting menu.js under jquery in the html structure. See if that helps.
  18. BeeDev

    xml and php

    You can create an XMLDom object with PHP, and load the XML document in that object. More info: http://www.w3schools.com/php/php_xml_dom.asp After that it's very easy to just add/delete/edit elements.
  19. There's an article on A List Apart called Faux Columns. This article explains it very well I think, the problem of sidebars not stretching: http://www.alistapart.com/articles/fauxcolumns/ Worth a read
  20. You need to look at the layout of the website first, and decide how you're going to flow the divs. The sidebar obviously should be floated left, however #header shouldn't float right. You need to wrap #header and #content in a container div, and float that container div to the left, so #sidebar and that container div stack to the left. Then you don't need to float #header or #content as they will just stack on top of each other because they're block elements. I set a 1 px padding on #content because the <p> tags margin was overflowing from the #content div making a gap. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>GuppyFish Web Design - Affordable Web Solutions for Business and Non-Profits</title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <!--[if IE]> <style type="text/css"> #content, #sidebar { zoom: 1;} </style> <![endif]--> <style type="text/css"> * { margin: 0px; padding: 0px; } body { font-family: Verdana, Geneva, sans-serif; font-size: 12px; background-color: #096; text-align: center; } #sidebar ul li { text-align: left; list-style-type: none; text-indent: 20px; font-size: 16px; color: #FFF; line-height: 30px; display: block; height: 30px; padding-top: 0px; } #container { background-color: #FFF; text-align: left; width: 850px; position: relative; margin-top: 5px; margin-bottom: 5px; margin-right: auto; margin-left: auto; } #sidebar { float: left; text-align: center; background-image: url(../images/navbkgrd.png); background-repeat: repeat-y; width: 158px; margin-bottom: 10px; padding-bottom: 10px; background-color: #053968; } #container #sidebar img { margin: 5px; } #header { background-color: #074368; height: 205px; text-align: center; background-image: url(../images/banner.png); width: 692px; background-repeat: no-repeat; background-position: center center; } #content { font-family: Verdana, Geneva, sans-serif; color: #000; background-color: #FFF; float: none; padding:1px; } p { margin: 10px; } #sidebar ul li:hover { font-style: italic; text-decoration: underline; } #sidebar ul li a { color: #FFF; text-decoration: none; display: block; } .container2 { float:left; } </style> </head> <body> <div id="container"> <div id="sidebar"> <img src="images/fish-mouse.png" width="134" height="196" /> <p> </p> <ul> <li><a href="#">Home</a></li> <li><a href="#">About Karen</a></li> <li><a href="#">Services</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Testimonials</a></li> <li><a href="#">Contact</a></li> </ul> </div><!--end sidebar div --> <div class="container2"> <div id="header"> </div><!--end header div --> <div id="content"> <p>content </p> </div> </div> </div><!--end container div --> </body><!--end body div --> </html>
  21. If you want to hide all the text that appears on the page and just print one image, you can attach a separate CSS sheet to your document, you just need to set the "media" attribute on the <link> tags. for example: <link rel="stylesheet" type="text/css" media="screen" href="normal.css" /> <link rel="stylesheet" type="text/css" media="print" href="print.css" /> So on the print.css file you can "display:none" all things except the image that needs to be printed. (Perhaps setting an ID on the image that's to be printed is a good idea). However, without looking at your page HTML structure, I can't really give you specifics on the print.css But hope this helps. Also you can use Javascript to switch between 2 css files. That way the user can view the page in the "print view" before printing. But it may be too advanced, if you're interested here's a page I made: http://www.cafelaruche.com/menu.html (click on Print View and Normal View)
  22. BeeDev

    Favicon Question

    Correct. If you go down to a sub-folder page, the path of the favicon will change too. So it's good to just put the full absolute URL there, instead of a relative path. Oh and your favicon is Orange on my screen. Looks exactly like the Magento CMS favicon
  23. Oh yea looks like I failed to correct all the $GET's. $GET is not written like this by the way, it's supposed to have an underscore after the $ like so: $_GET Also same case for $_POST This is probably why the if() is failing. Try it with the underscore
  24. Why define it later? You can have php code before any HTML. Sorry my previous one won't work. This is more clear I hope: <?php function get_menu(){ $return = array( "1" => array ( "title" => 'Home', "page" => 'home', "url" => "../content/home.php" ), "2" => array ( "title" => "Our Services", "page" => 'services', "url" => "../content/services.php" ), "3" => array ( "title" => 'Portfolio', "page" => 'portfolio', "url" => "../content/portfolio.php" ), "4" => array ( "title" => 'About', "page" => 'about', "url" => "../content/about.php" ), "5" => array ( "title" => 'Contact', "page" => 'contact', "url" => "../content/contact.php" ) ); return $return; } function display_menu($menuItems){ $return = "<ul>" for ($i = 1; $i <= count($menuItems); $i++){ $return .= '<li><a href="index.php?page=' . $menuItems[$i]['page'] . '">' . $menuItems[$i]['title'] .'</a></li>'; }; $return .= "</ul>"; return $return; } $menu = get_menu(); ?> <html> <head> <title> <?php if(isset($GET['page'])) { $index = 0; $page = $_GET['page']; for($i=1; $i <= count($menu); $i++){ if($page == $menu[$i]['page'] ) { $index = $i; } } if($index != 0){ echo $menu[$index]['page']; }else{ echo "Error!"; } }else{ echo "Error!"; } ?> </title> </head> <body> <div class="menu"><?php echo display_menu($menu); ?></div> </body> </html>
  25. Something like this? <?php function get_menu(){ $return = array( "1" => array ( "title" => 'Home', "page" => 'home', "url" => "../content/home.php" ), "2" => array ( "title" => "Our Services", "page" => 'services', "url" => "../content/services.php" ), "3" => array ( "title" => 'Portfolio', "page" => 'portfolio', "url" => "../content/portfolio.php" ), "4" => array ( "title" => 'About', "page" => 'about', "url" => "../content/about.php" ), "5" => array ( "title" => 'Contact', "page" => 'contact', "url" => "../content/contact.php" ) ); return $return; } function display_menu($menuItems){ $return = "<ul>" for ($i = 1; $i <= count($menuItems); $i++){ $return .= '<li><a href="index.php?page=' . $menuItems[$i]['page'] . '">' . $menuItems[$i]['title'] .'</a></li>'; }; $return .= "</ul>"; return $return; } $menu = get_menu(); if(isset($GET['page'])) { if($GET['page'] == $menu[$i]['page'] ) { echo $menu[$i]['page']; }else{ die("Error!"); } }else{ die("Error!"); } ?> <div class="menu"><?php echo display_menu($menu); ?></div>
×
×
  • Create New...