Jump to content


  • Content Count

  • Joined

  • Last visited

Everything posted by cjy8s@yahoo.com

  1. So, to understand you better, I need to be more scrupulous about setting all my margins and paddings, even if they do not have a special value?
  2. Yeah I have the correct doctype. I had the code validated at http://html5.validator.nu/, and it says: I have it declared in this way :<!DOCTYPE html><html lang="en"> but now im confuzzled. did I miss something? Is there
  3. I am declaring the doctype. I am also starting with HTML5. And Mr. Haris, would you please explain how that script works, so I don't have to feel guilty about using a charity script? And what makes that different from browser detection?
  4. I'm having trouble with cross-browser development. More specifically, padding between Google Chrome, Firefox, and IE. It seems, as far as padding goes, that firefox and IE are having similar issues, and im not sure how to compensate for that. I understand that user.agent detection is not a very reliable way to go about this, and I've heard that feature detection might be better. How exactly should I go about this? What features should I be detecting for? Or am I misunderstanding the concept of feature detection?
  5. Yah!! i got it Thank you, Regicide Del Feroz, you were right, I just set a Left: value and adjusted the padding and it worked out exactly how I wanted. And thank you, dsonesuk, for the affectionate "B**** Please!". Haha It slapped me in just the right way. I forgot I had switched to the relative position since. Anyway, Thank you guys again! Always well appreciated!
  6. Oh i do suppose I should come around and thank you. haha Your code was near perfect, only a slight few adjustments and everything showed perfectly. Again, thank you, I had no idea about the ~ function in CSS, and I plan on using it much more now Much appreciated. God Bless.
  7. Thats the thing though, this is to uploaded to Wordpress, so the width of the div could be changed by the owner at any point. depending on their content. Thank you, any other suggestions?
  8. Hey! So I have an intersting situation:I am trying to make a div stop moving left past a certain point when the browser is resized. But in the method I am using, I can no longer position the Div to sit exactly where I want! I want it to float: left at 50%, and be offset left by about ~150px. My code looks like this: div.main_content {padding: 0 195px;margin: 0 auto;}div.inner_content {position: relative;float: left;top: 150px;left: 50%;margin: 0 auto;min-width: 400px;border: 1px solid #000000;background-color: #A0CFEC;text-align: justify;overflow: hidden;}<div class="main_content"><d
  9. It covers the width of the page and about 400px upward from the bottom
  10. hmmm, now the menu_blue appears in the top right corner and cant :hover. I have the CSS in a separate style sheet (i like things to be categorized), other than that, my page is fairly similar to the one you posted. Any ideas? Im gunna try to tweak it tomorrow and see what I can get. Thanks for helping me thus far!
  11. I guess I should have made my description a little more clear , the CSS should illustrate my point though. .menu {width: 600px;display: inline;font-family: sans-serif;color: #C8C8C8;text-decoration: none;}a.menu:link { text-decoration: none; color: #C8C8C8; }a.menu:visited { text-decoration: none; color: #C8C8C8; }a.menu:hover { text-decoration: none; color: #808080; }a.menu:active { text-decoration: none; color: #808080; }#menu_blue {position: absolute;float: left;left: 0px;bottom: 0px;opacity:0.15;filter:alpha(opacity=15); /* For IE8 and earlier */}#menu_blue:hover { opacit
  12. <!--function ShowPicture(id,show) { if (show){ document.getElementById("id").menu_blue.visibility = "visible" } else { document.getElementById("id").menu_blue.visibility = "hidden" }}elseif (Source=="0"){if (document.layers) document.layers[''+id+''].visibility = "hide"else if (document.all) document.all[''+id+''].menu_blue.visibility = "hidden"else if (document.getElementById) document.getElementById(''+id+'').menu_blue.… = "hidden"}}//--> <span id="menu_blue"><img src="Index_files/Images/menu_background.png"/></span><span><table id="menu_bloc
  13. Btw, Happy Birthday!And thanks tons! ill see what I can do. Im looking into multiple ways of doing this so i can better understand the 'logic' of it.Thanks! Ok so I tried to apply it, but im kinda "derp!" so it doesnt work. haha here it is: <!--function ShowPicture(id,show) { if (show){ document.getElementById("id").menu_blue.visibility = "visible" } else { document.getElementById("id").menu_blue.visibility = "hidden" }}elseif (Source=="0"){if (document.layers) document.layers[''+id+''].visibility = "hide"else if (document.all) document.all[''+id+''].menu_blue.visibility = "hidden"else
  14. How about something like this? <script language="Javascript"><!--function ShowPicture(id,Source) {if (Source=="1"){if (document.layers) document.layers[''+id+''].visibility = "show"else if (document.all) document.all[''+id+''].style.visibility = "visible"else if (document.getElementById) document.getElementById(''+id+'').style.… = "visible"}elseif (Source=="0"){if (document.layers) document.layers[''+id+''].visibility = "hide"else if (document.all) document.all[''+id+''].style.visibility = "hidden"else if (document.getElementById) document.getElementById(''+id+'').style.… = "hidden"}
  15. hmmmm... I see.... Well I know negative jack squat about javascript, although I am trying to learn it. Could someone show me how this could be done?
  16. I see a way to do this with Jquery, sort of, but again I dont know enough Javascript to even get by with :/ could someone help me pleeease???
  17. I have an image that kind of serves as an opaque background, and once hovered the opaqueness goes away. Also, I have a row of list items to serve as a menu, and once hovered the color of the text darkens to become more visible. This works great. As long as the mouse is directly over each element. The text element is directly over the background. What I want though is to have the background stay apparent as the text is hovered over, instead of the background becoming opaque again if I hover directly over the text. Can this be done without Javascript? Or is there a way with CSS3 to have the elem
  18. I dont know how i did it, but i think i got it thanks
  19. Yes the image path is correct, it calls the image if i take the width and height out, but if i do that then the padding and border grow to about the width of the screen (height stays the same). This makes no sense to me, why would the width and height cause the image to not be called if there is room for the image?
  20. I figured i could also do the same with <span> if i added "display: block;" but it still does not call up the image
  21. This white space is hiding my image and I dont know why! there is ample space for the image to exist in the div. Here is the CSS: #guitar {position: relative;transform: rotate(30deg);-ms-transform: rotate(30deg); /* IE 9 */-webkit-transform: rotate(30deg); /* Safari and Chrome */-o-transform: rotate(30deg); /* Opera */-moz-transform: rotate(30deg); /* Firefox */padding: 5px;border: 1px solid gray;background-color: #ffffff;width: 180px;height: 290px;} and here is the HTML <div id="guitar"><img src="Index_files/Images/Collage Photos/About Me/guitar1.png"/></div> i think i
  22. I dont have much experience, but i need to learn the languages anyway... Well, thank you, that was actually a much easier sounding explanation than i was expecting! Again, thank you tons! Ill get started ASAP.
  23. So I am at the part of my website where I need to decide how to display individual products being sold on the website. I want to display the picture, a description, and link it to a paypal account where the individual product can be sold. But I am unsure how to do it. I could do it with HTML easily, but I am wondering if I should use PHP or another programming langauge so I dont have to create 1 page per product, so I dont have to create 50 additional pages. Im thinking that I would have to create a template page using HTML or PHP and then use the programming language to fill in the descriptio
  24. I am making a website and I am planning on having an indicator that shows your on whichever page, when your on that page. But as far as I can tell that includes putting id tags on each element on each page. So is it possible to build this menu using XML? I can't find a way to do it. Please and thank you??HTML: <div class="menu"> <ul> <li><a href="Collections.html">Collections</a></li> <li><a href="Bracelets.html">Bracelets</a></li> <li><a href="Rings.html">Rings</a></li> <li><a href="Home.htm
  • Create New...