scout1idf
-
Posts
131 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by scout1idf
-
I was wondering.... @media print{ table{ page-break-inside:avoid; }} .... only works with Opera, is there a work around for other browsers? It's for a personal project so switching from Firefox to Opera isn't a big deal, I just like Firefox better....
-
After experimenting with your code, this is what I came up with..... <!DOCTYPE html><html><head><style type='text/css'> /*<![CDATA[*/ /* Search Box */ #search-wrapper { width: 223px; height: 60px; float: right; margin: 47px 0 0 30px;}#search-wrapper h1 { font-size: 13px; font-family: Verdana, Geneva, sans-serif; font-weight: 200; margin-top: 1px; letter-spacing: 1px;}.search-wrapper input{ font-family: Verdana, Geneva, sans-serif; color: #FFF; font-size: 11px; background: #231f20; margin-top: -5px; padding-left:2px; /*ADDED*/ border-radius: 4px; /*CHANGED*/ border: none; width: 148px; /*CHANGED*/ height: 22px; /*ADDED*/}.search-wrapper button { font-family: Verdana, Geneva, sans-serif; color: #FFF; font-size: 11px; background: #231f20; margin: -2px 0px 0px 0px; border-radius: 4px; /*CHANGED*/ border: none; height: 24px; width: 28px; /*float: right;*/ padding: 0; cursor: pointer;} /*]]>*/</style></head><body> <div id="search-wrapper"> <h1>search</h1> <form class="search-wrapper" method="get" action="http://www.google.com/search"> <input type="text" name="q" maxlength="255" placeholder="Enter search here..." /> <button type="submit">GO</button> </form> </div><!--end search-wrapper--></body></html> I removed some of the elements that wasn't necessary (as far as I could see). (tested in FireFox 19.0, IE 9, Google Chrome 25 and Opera 12.02) Hope this helps...
-
I don't know if it helps / hurts / matters or not, but you have a space (in your example).... < ?php ... should be (as far as I know).... <?php
-
I cleaned up your code a bit and made a few additions. I hope this is what you were after...... html, body{ margin:0; padding:0;}img{ position:left,top;}body{ background-color:#333333;}#navbar ul { margin:1px; padding: 5px; list-style-type: none; text-align: center; background-color:purple;}#navbar ul li { height:50px; display:inline;}#navbar ul li a { text-decoration: none; padding: .2em 1em; color: #fff; background-color: #000;}#navbar ul li a:hover { color: #000; background-color: #fff;} <!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><link rel="stylesheet" href="sample.css" type="text/css" /></head><body> <div id="navbar"> <ul> <li><a href="#">Home</a></li> <li><a href="#">...</a></li> <li><a href="#">...</a></li> <li><a href="#">...</a></li> <li><a href="#">...</a></li> <li><a href="#">...</a></li> <li><a href="#">...</a></li> <li><a href="#">...</a></li> </ul> </div></body></html>
-
I think this is what your after...... <!DOCTYPE html><html><head><title>Your Page</title><style>#cssmenu{ border:1px solid; border-radius:5px; height:40px; margin:20px auto; padding:0px; display:block; width:400px;}#cssmenu>ul{list-style:inside none; padding:0px; margin:0px;}#cssmenu > ul > li{list-style:inside none; float:right; display:block; position:relative; padding:0px; margin:0px;}#cssmenu>ul>li>a{ ouline:none; display:block; position:relative; margin:9px 20px; padding:12px 20px; text-align:center; text-decoration:none; font:bold 16px/100% Arial, Helvetica, sans-serif; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); color:#FFF; margin:-4px;}#cssmenu > ul > li:first-child > a{ border-radius:5px 0 0 5px;}#cssmenu ul li.has-sub:hover > a:after{ top:0; bottom:0;}#cssmenu ul li.has-sub:hover > a{ background: #C39; border-color:#FFF; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999;}#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{ display:block;}#cssmenu ul li.has-sub > a:hover{ background:#C39; border-color:#FFF;}#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background: #CCC; border-radius:0 0 5px 5px; z-index:999;}#cssmenu ul li > ul{ width:200px;}#cssmenu ul li > ul li{ display:block; list-style:inside none; padding:0; margin:0; position:relative;}#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color: #FFF; text-decoration:none; text-shadow:; /* What's your plans for text shadow??? */}/*Border color*/#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background: #003;}#cssmenu{ border-color:#647306;}/*border color ends here*/#cssmenu > ul > li > a:after{ border-color;#FFF;}#cssmenu > ul > li > a:hover{ background: #C39;}#cssmenu ul > li > ul > li{ background: #003;}#cssmenu ul > li > ul > li > a:hover{ background: #C39;}</style></head><body> <div id='cssmenu'> <ul> <li class='active '><a href='index.html'><span>Contact us</span></a></li> <li class='has-sub '><a href='#'><span>Products</span></a> <ul> <li><a href='#'><span>Product 1</span></a></li> <li><a href='#'><span>Product 2</span></a></li> </ul> </li> <li><a href='#'><span>About Us</span></a></li> <li><a href='#'><span>Home</span></a></li> </ul> </div></body></html>
-
I made a few changes/additions.I hope this is what you want/need.... <!DOCTYPE html><html><head><title>Test Page</title><style type='text/css'>* { margin: 0px; padding: 0px;}html, body { height: 100%;}body { width: 960px; margin: 0px auto;}#header { height: 100px; font-size: 36pt; font-weight: bold; background-color: #999;}#content { height:84%; background-color: #ccc;}#sidebar { width: 150px; max-height:100%; border-right: 2px ridge #999; padding: 0px 4px; margin-right: 8px; float: left; overflow:auto;}#sidebar .col1, #sidebar .col2 { padding: 1px 4px; float: left;}#sidebar>.col1, #sidebar>.col2 { font-weight: bold;}#sidebar .col1 { width: 71px;}#sidebar .col2 { width: 28px;}</style></head><body><div id='header'>This is my header</div><div id='content'> <div id='sidebar'> <div class='col1'>Header 1</div> <div class='col2'>Hdr2</div> <div id='itemList'> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> <div class='col1'>Item</div> <div class='col2'>0</div> </div> </div> <p>This is some content</p> <p>This is some content</p> <p>This is some content</p> <p>This is some content</p> <p>This is some content</p> <p>This is some content</p> <p>This is some content</p> <p>This is some content</p></div></body></html>
-
Add this...... html, body{height:100%;width:100%;} .... and change this #container {background-image:url(images/background.jpg);width:100%;height:100%;}
-
<map name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm"> <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm"> <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm"></map> The sun: <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm"> The first "0" is the distance from the left edge of the rectangle.....The second "0" is the distance from the top edge....The "82" is the width....The "124" is the height...... The planet Mercury: <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm"> The "90" is the distance from the left edge.....The "58" is the distance form the top edge.....The "3" is the radius of the circle...... Hope this helps......
-
Eduardlid, One suggestion I would like to make to you about your posts.I don't know why it bothers me so much and it may bother others as well, could you stop using "!" when a simple "." would work just fine. Using "!" like you do tells me that you are yelling at or even blaming someone. Also, it wouldn't hurt if you would start using tags around your code. Just something to help you out "here".
-
Come on guys, don't give up on him yet. Reading this is the best free entertainment around. I can't help coming back day after day for more.
-
Use padding instead.... <!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></title> <style type="text/css"> /*<![CDATA[*/#nav{background-color: #999999;padding:10px 0;text-align: center ;} /*]]>*/ </style></head><body><div id="nav"> <a href="#" class="button1">Create New</a> <a href="#" class="button1">View Existing</a></div></body></html>
-
Do you mean like this? <!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></title> <style type="text/css"> /*<![CDATA[*/table{ width:30%; border:3px solid black; float:left; margin-left:5%;}td{ border:1px dotted black;} /*]]>*/ </style></head><body> <table> <tr> <td> </td><td> </td><td> </td> </tr> <tr> <td> </td><td> </td><td> </td> </tr> <tr> <td> </td><td> </td><td> </td> </tr> </table> <table> <tr> <td> </td><td> </td><td> </td> </tr> <tr> <td> </td><td> </td><td> </td> </tr> <tr> <td> </td><td> </td><td> </td> </tr> </table></body></html>
-
http://w3schools.com...ss_id_class.asp
-
Calling Footer from Single File to Several Files
scout1idf replied to amitamberker's topic in JavaScript
Yea, it was a free host. I figured it would be better to see if I wanted to actually work on a web site/development/scripting before I spent the money for a good host. Currently, I'm sticking with practice at home. -
Calling Footer from Single File to Several Files
scout1idf replied to amitamberker's topic in JavaScript
The host I used in the past was so restrictive, I'm not sure if I could make changes like that or not. It might have been possible, I never asked. It just seems easier to me to give all of my pages a .php extension and be done with it. Currently, I don't have an active site/host, I just practice on my own computer with EasyPhp. -
Calling Footer from Single File to Several Files
scout1idf replied to amitamberker's topic in JavaScript
The problem I see with doing that is when you move it to a live site, if you don't have access to change the .htaccess. I would rather make all of the pages .php to start with.... -
Calling Footer from Single File to Several Files
scout1idf replied to amitamberker's topic in JavaScript
First off, I'll admit that I haven't read the entire thread so if this has been mentioned, forgive me. For the sake of simplicity, if you are potentially going to have <?php?> code on a page some day, wouldn't it be easier to just make ALL of your pages have a .php extension? I mean, what would it hurt? I'd hate to have a site with 10 .php pages and 30 .html pages then make changes that require 5 pages to become .php pages and have to go back and change links, etc... I know it kinda short cuts the learning experience, but my experience in the real world (not with coding) is that short cuts are the norm.... Just a suggestion. Take it for what it worth. -
http://en.wikipedia.org/wiki/CDATA Easier than trying to explain, especially since I'd have to read it first. One of the editors I occasionally use automatically adds it....
-
Is this what you are looking for? <!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></title> <style type="text/css"> /*<![CDATA[*/body { background: #292929; margin: 0px; padding: 0px; font-size: 12px; font-family: Verdana; color: #595951; text-align: center;}#navigation { background: url(images/navigation.png) no-repeat; height: 125px; border: 0px;}#navigation ul { list-style: none; margin: 0px auto;}#navigation ul li { display: inline; margin: 0 0 0 25px;}#navigation ul li a { font-size: 14px; color: #fff; text-decoration: none;} /*]]>*/ </style></head><body> <div id="navigation"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Resume</a></li> <li><a href="#">Services</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </div></body></html>
-
No Skype. My power is on but the clean up is at my parents house. They are going to loose it because of the damage, so we've been trying to save 40+ years of stuff before it collapses...
-
Sorry, I've been dealing with power problems/clean up after the big storm we had a week ago.... According to your screen shot, your Apache server isn't running because of a port conflict.I would suggest going to the EasyPHP forum and asking how to change which port is being used. I didn't have to change anything to make it work on my Vista machine, but I remember someone asking about it on their forum. Once you solve the port problem, see this page to get up and running... I hope this helps.....
-
I downloaded it to the flash drive then unzipped it and began the install (took 40 minutes for me). It put's an icon on the desk top and the quick launch by the clock. Clicking on the desktop icon starts the servers and right clicking on the quick launch icon gives you the option for local web or admin, along with other options. Clicking on either local web or admin gives you access to the created web pages. To put files on the server, just save them to the www file in the EasyPHP files. No need for a FTP program. You can create your MySQL data bases through the admin screen... NOTE: Make sure you shut down the servers when you are done. I may just be paranoid, but I don't leave my server running when I'm not using it or gone.I even remove the drive, but that's because I don't like leaving it hang out the front of my computer. (one less thing to hear about from my wife as well)
-
I use Easy PHP 5.3.9 and have it installed on a 4GB flash drive. It's easy to use and it's nice that I can take it with me if needed.
