Jump to content

curt22

Members
 View Profile  See their activity

  • Posts

    55

  • Joined

  • Last visited

    Never

 Content Type 

Everything posted by curt22

  1. curt22

    How to debug PHP?

    curt22 replied to yhbae's topic in Frameworks

    Your welcome, please let me know if it works.
  2. curt22

    How to debug PHP?

    curt22 replied to yhbae's topic in Frameworks

    I did the same thing a while ago, but I was lucky, It was only like 4 hours for me Anyway, this is how I got it to work, hopefully it helps some people: 1. Downloaded Eclipse for PHP Developers here (fourth one down, the windows 32 bit version) and installed it (just unzip it and put it somewhere) 2. Downloaded xdebug here. The php version, VC version, threadsafe/non-threadsafe, and 32/64bit all need to match your php installation. (use phpinfo() if your not sure, they're all their) 3. Copy the xdebug dll you just downloaded into a folder 4. Add this to your php.ini file (replace zend_extension with zend_extension_ts if your php verision is less than 5.3, and make sure to use the full path to the dll) 5. Now in Eclipse go to Window->Preferences 6. Click the + beside php, then the + debug 7. Where it says Php Debugger, change it from Zend to XDebug 8. Click Php Executables, then Add and add your PHP executable The only other thing is that for it to work your eclipse workspace has to be inside your servers document root. (For me that was inside the www folder) Good luck with it, and sorry if I missed a step.
  3. curt22
    For number 1 you might want to look at using regular expressions to make sure the code is right. Take a look at his website: http://www.regular-expressions.info/php.html For number 2 you can use the explode function twice to get the codes to use in the mysql query. E.g. ABC 5,CBA 8,CAB 100 explode using "," and get this ABC 5 CBA 8 CAB 100 now explode using " " to separate codes and numbers. Now run a query to make sure all of the codes are right. the explode function: http://ca3.php.net/explode
  4. curt22
    Hi is this what you meant? <?php $website = "http://yahoo.com"; $req = "http://search.yahooapis.com/SiteExplorerService/V1/inlinkData?appid=YahooDemo&output=php&results=1&query=" . $website; // Make the request $phpserialized = file_get_contents($req); // Parse the serialized response $phparray = unserialize($phpserialized); echo $phparray[ResultSet][totalResultsAvailable]; ?> You should look at these pages: http://developer.yahoo.com/search/rest.html http://developer.yahoo.com/common/phpserial.html
  5. curt22
    Hi osjimon, Did you make sure the file was named .htaccess? Also some hosts don't allow you to write .htaccess files so you might want to check that. I was able to get this working using this file: RewriteEngine on RewriteBase / RewriteRule ^test\.xml$ test.xml.php Hope some of that helped.
  6. curt22
    Hi, I'm really new to AJAX to, but I think the problem is your getHTTPbject function. This is from an AJAX tutorial I'm reading: I dont think the way you create the object works in IE. try this (from the tutorial again): If your interested here is a link to the tutorial: https://developer.mozilla.org/en/AJAX/Getting_Started If that doesn't work could you say what the error is, not just that it doesn't work.
  7. curt22
    yes I have posted about this page before. And i tried some of your suggestions, like validating it and moving the css to a separate file (i just posted it as one file). I also changed it to use background images.
  8. curt22
    I just changed the images to css background images. here is the new code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Your Page</title> <style type="text/css"> body, html { margin:0; padding:0; background:#000000; color : #00cc00; } body { min-width:810px; } #wrap { background:#000000; margin: 0 auto; width:810px; } #wrap img { float:left; } #header { background-color:#000000; height:75px; margin-top:3px; } #header h1 { padding:0; line-height:75px; font-family:"Comic Sans MS"; margin-left:80px; color:#00CC00; } #main { background:#000000; float:right; width:560px; color:#00FF00; } #main h2, #main h3, #main p { padding:0 10px 0 0; } #sidebar { background:#000000; float:left; width:240px; } #sidebar ul { margin:0 0 0 0; padding: 0 0 0 0; list-style-type: none; } #sidebar h3{ padding:0 0 0 0; margin-top:5px; margin-left:3px; margin-bottom:3px; text-align:center; color:#00FF00; } #sidebar a { line-height:20px; text-decoration:none; margin-left:3px; color:#00FF00; text-align:left; } #sidebar a:hover { text-decoration:underline; } #sidebar img { margin-left:3px; border:0; float:left; } .image { background-image:url(glowing-green-button.gif); height : 20px; width : 20px; float:left; } #footer { clear:both; color:#00ff00; background-color: #000000; font-size:12px; margin:0; } #footer p{ padding-top:0; } </style> </head> <body> <div id="wrap"> <div id="header"> <img src="green-planet.gif" width="75" height="75" alt= "Green Planet" /> <h1>Your Website</h1> </div> <div id="main"> <h2>Column 1</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris vel magna. Mauris risus nunc, tristique varius, gravida in, lacinia vel, elit. Nam ornare, felis non faucibus molestie, nulla augue adipiscing mauris, a nonummy diam ligula ut risus. Praesent varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <p>Nulla a lacus. Nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce pulvinar lobortis purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec semper ipsum et urna. Ut consequat neque vitae felis. Suspendisse dapibus, magna quis pulvinar laoreet, dolor neque lacinia arcu, et luctus mi erat vestibulum sem. Mauris faucibus iaculis lacus. Aliquam nec ante in quam sollicitudin congue. Quisque congue egestas elit. Quisque viverra. Donec feugiat elementum est. Etiam vel lorem.</p> <p>Aenean tempor. Mauris tortor quam, elementum eu, convallis a, semper quis, purus. Cras at tortor in purus tincidunt tristique. In hac habitasse platea dictumst. Ut eu lectus eu metus molestie iaculis. In ornare. Donec at enim vel erat tempor congue. Nullam varius. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla feugiat hendrerit risus. Integer enim velit, gravida id, sollicitudin at, consequat sit amet, leo. Aliquam nec ante in quam sollicitudin congue. Quisque congue egestas elit. Quisque viverra. Quisque congue egestas elit. Quisque viverra.</p> </div> <div id="sidebar"> <h3>Column 2</h3> <ul> <li><div><div class="image"></div><a href="#">Link 1</a></div></li> <li><div><div class="image"></div><a href="#">Link 2</a></div></li> <li><div><div class="image"></div><a href="#">Link 3</a></div></li> <li><div><div class="image"></div><a href="#">Link 4</a></div></li> <li><div><div class="image"></div><a href="#">Link 5</a></div></li> <li><div><div class="image"></div><a href="#">Link 6</a></div></li> <li><div><div class="image"></div><a href="#">Link 7</a></div></li> <li><div><div class="image"></div><a href="#">Link 8</a></div></li> </ul> </div> <div id="footer"> <p>Portions of this website were created using the free web resources available at www.elated.com and are copyright Elated Communications Ltd 1996-2002 <br /> Designed by Curtis LeBlanc</p> </div> </div> </body> </html>
  9. curt22
    HTML or CSS Help board maybe? I'll move this thread to the HTML Help board. Thanks.
  10. curt22
    Sorry I wasn't sure where to post it that's why I put it here. Where should I post it??
  11. curt22
    hello everyone I'm new to xhtml/css and I'm just about finished my first full xhtml/css page . I was wondering if you guys could look at it and let me know if you can see any problems or if you know a better way to do something I did, because I want to learn how to make good pages. Here's the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Your Page</title> <style type="text/css"> body, html { margin:0; padding:0; background:#000000; color : #00cc00; } body { min-width:810px; } #wrap { background:#000000; margin: 0 auto; width:810px; } #wrap img { float:left; } #header { background-color:#000000; height:75px; margin-top:3px; } #header h1 { margin:0; padding:0; line-height:75px; font-family:"Comic Sans MS"; margin-left:80px; color:#00CC00; } #main { background:#000000; float:right; width:560px; color:#00FF00; } #main h2, #main h3, #main p { padding:0 10px 0 0; } #sidebar { background:#000000; float:left; width:240px; } #sidebar ul { margin-bottom:0; margin:0 0 0 0; padding: 0 0 0 0; list-style-type: none; text-align:left; } #sidebar h3{ padding:0 0 0 0; margin-top:5px; margin-left:3px; margin-bottom:3px; text-align:center; color:#00FF00; } #sidebar a { line-height:20px; text-decoration:none; margin-left:3px; color:#00FF00; text-align:left; } #sidebar a:hover { text-decoration:underline; } #sidebar img { margin-left:3px; border:0; float:left; } #footer { clear:both; color:#00ff00; background-color: #000000; font-size:12px; margin:0; } </style> </head> <body> <div id="wrap"> <div id="header"><img src="green-planet.gif" width="75" height="75" alt="Green Planet" /><h1>Your Website</h1></div> <div id="main"> <h2>Column 1</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris vel magna. Mauris risus nunc, tristique varius, gravida in, lacinia vel, elit. Nam ornare, felis non faucibus molestie, nulla augue adipiscing mauris, a nonummy diam ligula ut risus. Praesent varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <p>Nulla a lacus. Nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce pulvinar lobortis purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec semper ipsum et urna. Ut consequat neque vitae felis. Suspendisse dapibus, magna quis pulvinar laoreet, dolor neque lacinia arcu, et luctus mi erat vestibulum sem. Mauris faucibus iaculis lacus. Aliquam nec ante in quam sollicitudin congue. Quisque congue egestas elit. Quisque viverra. Donec feugiat elementum est. Etiam vel lorem.</p> <p>Aenean tempor. Mauris tortor quam, elementum eu, convallis a, semper quis, purus. Cras at tortor in purus tincidunt tristique. In hac habitasse platea dictumst. Ut eu lectus eu metus molestie iaculis. In ornare. Donec at enim vel erat tempor congue. Nullam varius. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla feugiat hendrerit risus. Integer enim velit, gravida id, sollicitudin at, consequat sit amet, leo. Aliquam nec ante in quam sollicitudin congue. Quisque congue egestas elit. Quisque viverra. Quisque congue egestas elit. Quisque viverra.</p> </div> <div id="sidebar"> <h3>Column 2</h3> <ul> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" alt="Glowing Green Button" /></a><a href="#">Link 1</a></li> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" alt="Glowing Green Button" /></a><a href="#">Link 2</a></li> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" alt="Glowing Green Button" /></a><a href="#">Link 3</a></li> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" alt="Glowing Green Button" /></a><a href="#">Link 4</a></li> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" alt="Glowing Green Button" /></a><a href="#">Link 5</a></li> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" alt="Glowing Green Button" /></a><a href="#">Link 6</a></li> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" alt="Glowing Green Button" /></a><a href="#">Link 7</a></li> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" alt="Glowing Green Button" /></a><a href="#">Link 8</a></li> </ul> </div> <div id="footer"> <p>Portions of this website were created using the free web resources available at www.elated.com and are copyright Elated Communications Ltd 1996-2002 Designed by Curtis LeBlanc</p> </div> </div> </body> </html>
  12. curt22
    Why does ie put the text on a separate line then the picture in my sidebar? Firefox displays it fine. Note: I know that the colors don't match, and it's messy, but It's not done yet and I'm new at this. Here is my code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <title>My Page</title> <style type="text/css"> body, html { margin:0; padding:0; background:#a7a09a; color:#000; } body { min-width:750px; } #wrap { background:#000000; margin:0 auto; width:750px; } #header { background-color:#000000; height:75px; } #header h1 { margin:0; line-height:75px; font-family:"Comic Sans MS"; margin-left:80px; color:#00CC00; } #main { background:#9c9; float:right; width:500px; } #main h2, #main h3, #main p { padding:0 10px; } #sidebar { background:#000000; float:left; width:240px; } #sidebar ul { margin-bottom:0; margin:0 0 0 0; padding: 0 0 0 0; list-style-type: none; } #sidebar h3, #sidebar p { padding:0 0 0 0; margin-top:5px; margin-left:3px; margin-bottom:3px; } #sidebar a { text-decoration:none; margin-left:3px; } #footer { background:#cc9; clear:both; } #footer p { padding:5px; margin:0; } #sidebar a { color:#00FF00; } #sidebar a:hover { color:#00FF00; font-size:23px; } #sidebar img { margin-left:3px; } </style> </head> <body> <div id="wrap"> <div id="header"><img src="green-planet.gif" width="75" height="75" align="left"><h1>Your Website</h1></div> <div id="main"> <h2>Column 1</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris vel magna. Mauris risus nunc, tristique varius, gravida in, lacinia vel, elit. Nam ornare, felis non faucibus molestie, nulla augue adipiscing mauris, a nonummy diam ligula ut risus. Praesent varius. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <p>Nulla a lacus. Nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce pulvinar lobortis purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec semper ipsum et urna. Ut consequat neque vitae felis. Suspendisse dapibus, magna quis pulvinar laoreet, dolor neque lacinia arcu, et luctus mi erat vestibulum sem. Mauris faucibus iaculis lacus. Aliquam nec ante in quam sollicitudin congue. Quisque congue egestas elit. Quisque viverra. Donec feugiat elementum est. Etiam vel lorem.</p> <p>Aenean tempor. Mauris tortor quam, elementum eu, convallis a, semper quis, purus. Cras at tortor in purus tincidunt tristique. In hac habitasse platea dictumst. Ut eu lectus eu metus molestie iaculis. In ornare. Donec at enim vel erat tempor congue. Nullam varius. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla feugiat hendrerit risus. Integer enim velit, gravida id, sollicitudin at, consequat sit amet, leo. Fusce imperdiet condimentum velit. Phasellus nonummy interdum est. Pellentesque quam.</p> <h3>Consectetuer adipiscing elit</h3> <p>Nulla dictum. Praesent turpis libero, pretium in, pretium ac, malesuada sed, ligula. Sed a urna eu ipsum luctus faucibus. Curabitur fringilla. Suspendisse sit amet quam. Sed vel pede id libero luctus fermentum. Vestibulum volutpat tempor lectus. Vivamus convallis tempus ante. Nullam adipiscing dui blandit ipsum. Nullam convallis lacus ut quam. Mauris semper elit at ante. Vivamus tristique. Pellentesque pharetra ante at pede. In ultrices arcu vitae purus. In rutrum, erat at mollis consequat, leo massa consequat libero, ac vestibulum libero tellus sed risus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> <p>Maecenas eu velit nec magna venenatis consequat. In neque. Vivamus pellentesque, lacus eu aliquet semper, lorem metus rhoncus metus, a ornare orci ante a diam. Nunc sem nisl, aliquet quis, elementum nec, imperdiet in, wisi. Proin in lorem. Etiam molestie diam eget ante. Morbi quis tortor id lacus mollis venenatis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam vel orci sit amet tellus mollis eleifend. Donec urna diam, viverra eget, ultricies gravida, ultrices eu, erat. Proin vel arcu. Sed diam. Cras hendrerit arcu sed augue. Sed justo felis, luctus a, accumsan in, tincidunt facilisis, libero. Phasellus eu eros.</p> </div> <div id="sidebar"> <h3>Column 2</h3> <ul> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" border="0" align="left"></a><div style="font-size:20px;"><a href="#">Link 1</a></div></li> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" border="0" align="left"></a><div style="font-size:20px;"><a href="#">Link 2</a></div></li> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" border="0" align="left"></a><div style="font-size:20px;"><a href="#">Link 3</a></div></li> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" border="0" align="left"></a><div style="font-size:20px;"><a href="#">Link 4</a></div></li> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" border="0" align="left"></a><div style="font-size:20px;"><a href="#">Link 5</a></div></li> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" border="0" align="left"></a><div style="font-size:20px;"><a href="#">Link 6</a></div></li> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" border="0" align="left"></a><div style="font-size:20px;"><a href="#">Link 7</a></div></li> <li><a href="#"><img src="glowing-green-button.gif" width="20" height="20" border="0" align="left"></a><div style="font-size:20px;"><a href="#">Link 8</a></div></li> </ul> </div> <div id="footer"> <p>Footer</p> </div> </div> </body> </html>
  13. curt22
    I'm working on a simple page with css and xhtml, but I can't get #contents to fill the whole page. I tried adding body {height:100%;} and #container{ height:100%;}, but it still does not work. Xhtml <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="style.css" /> </head> <body> <div id="container"> <div id="sitename"> Sitename </div> <div id="navigation"> <div id="mainnavigation"> <h3>Main Navigation</h3> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> <div class="latest"> <h3> Latest News</h3> News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here. </div> <div class="links"> <h3>Links</h3> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> </div> <div id="contentheader"> <h2>Content</h2> </div> <div id="contents"> Contents go here. </div> </div> </body> </html> Css /* CSS Document */ body { font-family:Arial, Helvetica, sans-serif; height:100%; color:#DA8750; } a:link{ color:#DA8750; text-decoration: none; } a:visited{ color: #DA8750; text-decoration: none; } a:hover{ color: #DA8750; text-decoration: underline; } #container{ height:100%; width:100%; margin: 0; } #sitename{ background-color:#006600; margin: 0; padding: 10px 0 10px 10px; border-bottom: 1px solid #ccc; font-size: 36px; font-weight:bold; } #navigation{ float:left; width:175px; background-color: #006600; margin: 0px; border-right: 1px solid #ccc; } #navigation ul a:link, #navBar ul a:visited { display: block; } #navigation ul { list-style: none; margin: 0; padding: 0; } #navigation li { border-bottom: 1px solid #EEE; } html>body #navigation li { border-bottom: none; } #mainnavigation{ margin: 0px; padding: 0px; border-bottom: 1px solid #cccccc; font-size: 90%; } #mainnavigation h3{ padding: 0px 0px 0px 0px; margin:7px 0 7px 0; } #mainnavigation a { display: block; padding: 2px 0px 2px 10px; } #mainnavigation a:hover{ background-color: #DA8750; color:#006600; } .latest{ float:left; margin: 0px; padding: 0px 0px 0px 0px; font-size: 90%; border-bottom:1px solid #cccccc; } .latest h3{ margin:7px 0 7px 0; padding:0 0 0 0; } .links{ float:left; margin: 0px; padding: 0px 0px 0px 0px; font-size: 90%; } .links h3{ margin:7px 0 7px 0; padding:0 0 0 0; } #contentheader { margin: 0px 0px 0px 5px; background-color:#006600; vertical-align:top; } #contentheader h2 { text-align:center; margin: 0; } #contents { margin: 0px 0px 0px 5px; background-color:#006600; vertical-align:top;height:100%; }
  14. curt22
    I decided to add a border on the right of #navigation instead on the left off #content.
  15. curt22
    I tried to clean it up a little and I made the colors darker. I know it's still confusing but could you please help anyway. Here's the new code. Xhtml <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="style.css" /> </head> <body> <div id="container"> <div id="sitename"> Sitename </div> <div id="navigation"> <div id="mainnavigation"> <h3>Main Navigation</h3> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> <div class="latest"> <h3> Latest News</h3> News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here. </div> <div class="latest"> <h3>Links</h3> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> </div> <div id="content"> <h2>Content</h2> </div> </div> </body> </html> Css /* CSS Document */ body { font-family:Arial, Helvetica, sans-serif; color:#DA8750; } a:link{ color:#DA8750; text-decoration: none; } a:visited{ color: #DA8750; text-decoration: none; } a:hover{ color: #DA8750; text-decoration: underline; } #container{ width: 100%; margin: 0; } #sitename{ background-color:#006600; margin: 0; padding: 10px 0 10px 10px; border-bottom: 1px solid #ccc; font-size: 36px; font-weight:bold; } #navigation{ float:left; width:175px; background-color: #006600; margin: 0px; } #navigation ul a:link, #navBar ul a:visited { display: block; } #navigation ul { list-style: none; margin: 0; padding: 0; } #navigation li { border-bottom: 1px solid #EEE; } html>body #navigation li { border-bottom: none; } #mainnavigation{ margin: 0px; padding: 0px; border-bottom: 1px solid #cccccc; font-size: 90%; } #mainnavigation h3{ padding: 0px 0px 0px 0px; margin:7px 0 7px 0; } #mainnavigation a { display: block; padding: 2px 0px 2px 10px; } #mainnavigation a:hover{ background-color: #DA8750; color:#006600; } .latest{ float:left; margin: 0px; padding: 0px 0px 0px 0px; font-size: 90%; border-bottom:1px solid #cccccc; } .latest h3{ margin:7px 0 7px 0; padding:0 0 0 0; } #content { margin: 0px 0px 0px 5px; background-color:#006600; vertical-align:top; border-left: 1px solid #cccccc; } #content h2 { text-align:center; margin: 0; }
  16. curt22
    Ok Thanks TheFilmGod I'll clean it up a little and post it again.
  17. curt22
    I fixed it with this, but now I'm having a new problem border-left isn't working on #content. /* CSS Document */ body { font-family:Arial, Helvetica, sans-serif; color:#660000; } a:link{ color: #006699; text-decoration: none; } a:visited{ color: #006699; text-decoration: none; } a:hover{ color: #006699; text-decoration: underline; } #container{ width: 100%; margin: 0; } #sitename{ background-color:#33FF00; margin: 0; padding: 10px 0 10px 10px; border-bottom: 1px solid #ccc; font-size: 36px; font-weight:bold; } #navigation{ float:left; width:175px; background-color: #33FF00; margin: 0px; } #navigation ul a:link, #navBar ul a:visited { display: block; } #navigation ul { list-style: none; margin: 0; padding: 0; } #navigation li { border-bottom: 1px solid #EEE; } html>body #navigation li { border-bottom: none; } #mainnavigation{ margin: 0px; padding: 0px; border-bottom: 1px solid #cccccc; font-size: 90%; } #mainnavigation h3{ padding: 5px 0px 2px 5px; margin:0px; } #mainnavigation a { display: block; padding: 2px 0px 2px 10px; } #mainnavigation a:hover{ background-color: #dddddd; } .latest{ float:left; margin: 0px; padding: 0px 0px 0px 0px; font-size: 90%; border-bottom:1px solid #cccccc; } #content { margin: 0px 0px 0px 5px; background-color:#33FF00; vertical-align:top; border-left: 1px solid #cccccc; } #content h2 { text-align:center; margin: 0; }
  18. curt22
    I'm making a simple page that uses css floats to align it and there is a large whitespace between two of my divs , could someone help me fix it. I've looked on google and tried a lot of things, but I haven't found anything. Xhtml <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="style.css" /> </head> <body> <div id="container"> <div id="sitename">Sitename</div> <div id="navigation"> <div id="mainnavigation"> <h3>Main Navigation</h3> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> <div class="latest"> <h3> Latest News</h3> News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here.News Goes here. </div> <div class="latest"> <h3>Links</h3> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> </div> <div id="content"> <h2>Content</h2> </div> </div> </body> </html> Css /* CSS Document */ body { font-family:Arial, Helvetica, sans-serif; color:#660000; } a:link{ color: #006699; text-decoration: none; } a:visited{ color: #006699; text-decoration: none; } a:hover{ color: #006699; text-decoration: underline; } #container{ width: 100%; } #sitename{ background-color:#33FF00; margin: 0px; padding: 10px 0 10px 10px; border-bottom: 1px solid #ccc; font-size: 36px; font-weight:bold; } #navigation{ float:left; width:175px; background-color: #33FF00; margin: 0px; } #navigation ul a:link, #navBar ul a:visited { display: block; } #navigation ul { list-style: none; margin: 0; padding: 0; } #navigation li { border-bottom: 1px solid #EEE; } html>body #navigation li { border-bottom: none; } #mainnavigation{ margin: 0px; padding: 0px; border-bottom: 1px solid #cccccc; font-size: 90%; } #mainnavigation h3{ padding: 10px 0px 2px 10px; margin:0px; } #mainnavigation a { display: block; padding: 2px 0px 2px 10px; } #mainnavigation a:hover{ background-color: #dddddd; } .latest{ float:left; margin: 0px; padding: 0px 0px 1px 1px; font-size: 90%; border-bottom:1px solid #cccccc; } #content { margin: 0px 0px 0px 5px; background-color:#33FF00; border-left:1px solid #cccccc; vertical-align:top; } #content h2 { text-align:center; }
  19. curt22
    Thanks pocobueno1388.
  20. curt22
    Thanks pocobueno1388, but I want to remove all kinds of whitespace like \t \n and all other space characters.
  21. curt22
    How can I remove ALL whitespace (NOT just spaces) from a string, and Not just at the beginning and end.
  22. curt22
    No because it's not done yet so i haven't put it on the internet. I can't because some of the images are over top off other images so there is more than one color.
  23. curt22
    Thanks matthewhaworth, but I fixed it before you posted I just didn't ha dent post it here yet. This problem was in #header to fix it I changed the code to this: background: url(images/header.png) top center no-repeat; width: 746px; height: 66px; margin: 0px 0px 10px 0px; padding: 60px 0px 40px 20px; color: white; font-size: 50px; text-align: ;
  24. curt22
    Thanks boby but I don't know how to move them to <img> tags because I didn't write the code and it's to complicated for me to fix. If I don't get another answer I might post the code here and ask everyone to help me change the images to <img> tags.
  25. curt22
    I'm not sure this is the right catagory but, anyway I was wondering how can I make pngs that are transparent work in ie6 (they are in the css not the html). I have searched google and I have found a lot off webpages but I can't make it work right. Also I can't change the images to something not transparent because then they don't look right.
×
×
  • 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.