two colors in the background |
two colors in the background |
oddcarout |
Dec 29 2006, 11:20 PM
Post
#1
|
Member Group: Members Posts: 62 Joined: 21-November 06 Member No.: 1,017 |
Is it possilbe to have more than one color in the background without using tables.
Small left hand column and a larger right hand column. Thanks, Z |
pandy |
Dec 30 2006, 12:21 AM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,733 Joined: 9-August 06 Member No.: 6 |
Sure, with CSS any element can have a background color or image.
|
oddcarout |
Dec 30 2006, 11:35 AM
Post
#3
|
Member Group: Members Posts: 62 Joined: 21-November 06 Member No.: 1,017 |
Sorry, but what type of elements can I have.
What I am really trying to get is a vertical stripe behind a nav bar on the left hand side. With CSS can I have a mouse over color? I think I read that somewhere. To have this limited to the left side the same width as the vertical stripe do I need tables. That is the only way I can think of to do it. I have dropped Dream weaver and have found that it is much harder for me to locate Items on the page. Thanks for the help. Z |
pandy |
Dec 30 2006, 08:40 PM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,733 Joined: 9-August 06 Member No.: 6 |
Sorry, but what type of elements can I have. Any of these http://www.htmlhelp.com/reference/html40/alist.html . Sorry, you are probably more used to the term "tags". I avoid it because it's misleading. Tags are what marks up an element, but tag and element aren't synonyms. <p><!-- Start tag for P--> blah blah blah<!-- content--> <ing src="blah.gif" alt="bla"><!-- content--> blah blah blah<!-- content--> </p><!-- end tag for P--> An element is the whole thing, start tag - content (if any) - end tag. So if you talk about the element BODY, that would mean everything that's contained in BODY too, the whole visible part of the page. This is important for understanding how CSS works, and HTML too for that matter. BTW if you haven't already you should read the first chapters in the CSS Reference. http://htmlhelp.com/reference/css/ QUOTE What I am really trying to get is a vertical stripe behind a nav bar on the left hand side. So use the stripe background with the DIV or TD or whatever you use to create the navbar. QUOTE With CSS can I have a mouse over color? I think I read that somewhere. To have this limited to the left side the same width as the vertical stripe do I need tables. That is the only way I can think of to do it. Yes, :hover. Again, it can be used with any element but IE Windows only supports it for links. I think you are looking for this. http://www.htmlhelp.com/faq/html/links.html#link-2color QUOTE I have dropped Dream weaver and have found that it is much harder for me to locate Items on the page. Good for you. It will be harder to begin with. Then it will be much easier than before. Promise. |
oddcarout |
Dec 31 2006, 09:24 PM
Post
#5
|
Member Group: Members Posts: 62 Joined: 21-November 06 Member No.: 1,017 |
CODE <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> body { color: black; background: #FFF8c6 url(pics/grnbk.gif) repeat-y left} #objects {Position: Top: 50em} a {color: #FAAFBA; font-size: x-large; font-family: Springtime_Flourish} a:hover {color: #669900} </style> </head> <body bgcolor="#FFF8C6"> <div id="objects"> <a href="home.html">Home</a><br> <a href="rooms.html">Rooms</a><br> <a href="pkg.html">Packages</a><br> <a href="contactus.html">Contact Us</a><br> <a href="maps.html">Maps</a><br> <a href="driving.html">Directions</a><br> <a href="links.html">Links</a> </div> </body> </html> Having trouble positioning my <div>. I also would like my background gif two wide. any ideas. Z |
oddcarout |
Jan 1 2007, 05:56 AM
Post
#6
|
Member Group: Members Posts: 62 Joined: 21-November 06 Member No.: 1,017 |
IMAGE TROUBLE. How do I get the image "2ltsm.jpg" in the middle of the page?
CODE <html> <head> <title>The Winter Street Inn</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> body { color: black; background: #FFF8c6 url(pics/pkyl.jpg) repeat} #objects {Position: Top: 50em} a {color: #FFF8C6; font-size:2em; font-family: Springtime_Flourish} a:hover {color: #FAAFBA; font-size: 3em} td {color: #FFF8C6; background: url(pics/grlace.jpg) repeat} td.left {color: #FFF8C6; background: url(pics/pkly.jpg) repeat} img {border-color: #FAAFBA} </style> </head> <body bgcolor="#FFF8C6"> <table width="20%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="20%" height="100%"> <div id="objects"><center> <a href="home.html">Home</a><br> <a href="rooms.html">Rooms</a><br> <a href="pkg.html">Packages</a><br> <a href="contactus.html">Contact Us</a><br> <a href="maps.html">Maps</a><br> <a href="driving.html">Directions</a><br> <a href="links.html">Links</a> </center> </div> </td> </tr> <tr> <td valign="bottom"><center>The Winter Street Inn<br> 185 West Winter Street<br> Delaware, Ohio 43015<br> 614.738.3238 </center></td> </tr> <tr> <td.left valign="top"> <img src="pics/2ltsm.jpg" width="414" hight="368"></center> </td> </tr> </table> </body> </html> I am gessing that I need to build a big table to put stuff in. I am basicly building a template. In the yellow backgound park I want to put different things like images and links. How can do this? Z |
Lo-Fi Version | Time is now: 28th April 2024 - 05:16 AM |