Jump to content

pdxGray

Members
  • Content Count

    23
  • Joined

  • Last visited

Community Reputation

0 Neutral

About pdxGray

  • Rank
    Newbie

Profile Information

  • Gender
    Male
  1. Thanks all the css literati I was having the same prob. glad I read this post.
  2. Thank you! will give it a try and update if it is still a prob will go & paste code.G
  3. I have three columns and a footer, the footer property is set at clear: both;but it only works on two of the columns, the left and center column. So the right floated set of div is not cleared by the footer.I have searched http://www.w3schools.com for a way around it. Can't find it. Any suggestions please?thanksG
  4. what is a good way to stack more than one div on top of each other.for example the left column has three div one on top of the other, midle column has three and right most column four?I tried putting the three in the left column in an other container div & floating left, worked. But it placed a div I had floating right & top, to floating right and bottom.All this divs are in a wrapper div as well.thank yougray
  5. Very well I stand corrected will use only /* */ in css from now on :-) Thanksd
  6. Wow...!dsonesuk you got it! Thank you will study, memorize and review your code and info. Thank you for the assist!ShadowMage (sorry i thought the name was dweller, must have just speed read that block) I have read in various books different opinions on the // vs /* */ one writer recommended using only // per line. others say for blocks of texts it is ok to use /* at the start and */ at the end.As far as I can tell it seems to work either way.Thank you both for your time and looking at my questionD
  7. Sure thank you for taking the time to look at it & replying. I think removing the absolute from the a:hover properties in css might work. but it also removes the column effect. <div id = box1><ul id=list1><li><a href>1399 </a></li><li><a href>1499 </a></li><li><a href>1599 </a></li><li><a href>1699 </a></li><li><a href>1799 </a></li><li><a href>1899 </a></li></ul></div> css body {height:100%; position:relative;} a:link {text-decoration:none;color:#fff;}a:hover{color:#fff;position:absolute;background-color:blue;opacity:0.5;min-height:100%;max-width: 70px;//z-index: 1;//top:0;//left:0;//right:0;//bottom:0;} #box1{align: center;border:5px solid #000;//padding:10px 40px;margin-bottom:10px;margin-left: 30px;background: #CC3300;width:1100px;height: 150px;}
  8. So far the z setting does't work w/the hover properties. Also can't figure out why but if you folks take a look at the attached image when I roll over the links, one of the number disappears. it should read 1399 1499 1599 1699 1799 but some of the dates in this case the 1699 vanished. i see nothing in the code that could cause this?
  9. Thanks Dweller will try it out.
  10. Hi, I want the hover background to use the entire length of the body of the document. so when the user's mouse hover over one of the link the background hover will be the width of the link(give or take) but run for the length of the background. Got that so far. but the hover background is covering up the text and images below the link. Partially solved that by changing the opacity. But was wondering if there was a way to set it so the hover column would appear below the other elements in the body.
  11. Actually (& sorry to keep adding to this instead of all in one message) I see my hover column is covering the rest of the texts and divs below the links.Any suggestions on how I can make it appear behind them? should I sent a negative z position?
  12. & need to change the transparency of the hover column. any hints for that, or tips on how to make it cooler let me know please.
  13. Wanted to post that I am closer to my solutiong. tried the code below & it is working. Still thank you dsonesuk could not have done w/out you pointing me in the right direction.Now I need to find a way to animate it some more. a:hover{position:absolute;background-color:blue;min-height:100%;max-width: 70px;//top:0;//left:0;//right:0;//bottom:0;}
  14. Wow...Thank you dsonesuk that gave me a really interesting and unexpected effect. actually I had several inline links and wanted the bar to go from link to link. Didn't think to mention because didn't think it would matter.With your method & using a:hover the various links change while the red bars remain on the first one. But you can see the number change when you scroll on the others. So that was interesting. will play w/that some more. <li><a href>1399 </a></li><li><a href>1499 </a></li><li><a href>1599 </a></li>as the mose rolled over each one. I am also checking into creating a dive and maybe use rollover/js to animate it. but was really hoping to find my way w/out using js.
×
×
  • Create New...