BeeDev
Member-
Posts
328 -
Joined
-
Last visited
-
Days Won
2
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Everything posted by BeeDev
-
OOP PHP query about tutorial error
BeeDev replied to gavin@intomusic.co.uk's topic in Advanced PHP Videos
$stefan = new person("stefan mishook"); EQUALS SIGN Syntax Error = Typo -
White space in PHP includes. Formatting question?
BeeDev replied to PicnicTutorials's topic in Advanced Web Design
"Or have you never even bothered so you have no idea" -
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.
-
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
-
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.
-
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
-
Why do you ask such generic questions? What do you think people think about Wordpress plugins? What is there to think about?
-
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.
-
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.
-
Works on my end. Shows: He eats bugs.The dog ate the snake!
-
In that case min-height should work.
-
#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
-
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
-
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).
-
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
-
Try putting menu.js under jquery in the html structure. See if that helps.
-
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.
-
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
-
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>
-
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)
-
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
-
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
-
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>
-
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>