Jump to content

Amazin

Members
  • Posts

    14
  • Joined

  • Last visited

Amazin's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. The horizontal offset of the shadow, positive means the shadow will be on the right of the box, a negative offset will put the shadow on the left of the box. The vertical offset of the shadow, a negative one means the box-shadow will be above the box, a positive one means the shadow will be below the box. The blur radius (optional), if set to 0 the shadow will be sharp, the higher the number, the more blurred it will be. The spread radius (optional), positive values increase the size of the shadow, negative values decrease the size. Default is 0 (the shadow is same size as blur). this is what i put in my CSS: when I change the number in last one, it doesn't do anything. I haven't noticed any changes. any idea why? :S
  2. thanks Fox mod, I change it to inline block and it certainly made things lot easier. I finally shaped the boxes the way I wanted by changing few basic attributes.with width and heights now I got another slight problem, how do I put the text exactly in the centre of the box? i used text-align: centre; but it is not the centre of the whole box.
  3. thank you all for your informative responses. I learned alot. I would really appreciate it if you can help me out bit here: as you can there are 4 "buttons" p1-p4 I created. I want to make them more rectangular. so I'm trying to make them longer/horizontal. what attributes must I change in order to make it happen? here are my codes: I experiemented with paddings and it worked to a degree. the space between top and bottom stopped closing in after 1px. when I tried -1px and beyond, it stopped responding. not sure what I'm doing wrong here but maybe I need to change the font size?
  4. I was trying to style my links and when I tried to include width and height into it, it doesn't respond to it. So I googled it as why that is the case and someone mentioned that you can't because the (a) tag is an inline element. so if you want to add height and width to it you need to: display:inline-block; or display:block;. I don't quite understand, inline elements are the one where they only take up space and height within the line but that doesn't mean we can't add width and height to it. Maybe I care too much but is there a reason for this?
  5. are you kidding me? just because of that? anyways I just tried and its now working. thank you so much:) I was reading a book about CSS and it mentioned that CSS and HTML are imperfect systems. no ######!
  6. ok, this is one of my CSS code: #first a:link { text-decoration: none; background-colour: #005CE6; } I was trying to remove the underline in my links and I did it! yeaaah! unfrotunaly the background colour command is not working. When I remove the text-decoration command it worked again, I can't seem to have them both working for me at same time. any idea why?? I sometimes want to pull my hair out:( <div id="first"><ul><li><a href=#>p1</a></li><li><a href=#>p2</a></li><li><a href=#>p3</a></li><li><a href=#>p4</a></li></ul></div>
  7. need help with my with HTML and CSS!I created a horizontal list under the header. My plan to cutomise it and make them look more fashionable. I might even move it inside the header! However for some reason they're out of position compare to other parts on the page. I want the list to be under "about". do you see anything wrong with my code? I don't
  8. the bit in red, basically I created a link to another page called "about". It is part of the navigation links in my header. As you can see the part in blue that I already created a link to an external CSS file. here is the file (mydesign): As you can see the part in green that I tried to use the CSS selector to select "about" but no luck:(
  9. I have experienmented with about/about.html but still getting the same problem:( So where do I go and change 'folder and search options'? Thanks for your feedback
  10. I don't think so, I'm so confused:( here are the codes I entered for Home.html: do you see anything wrong?
  11. help, thats what I entered: <nav><a href="About.html">About</a></nav> The "about" button did appear but when I clicked on it here is what happened:( any idea what went wrong?
  12. thank you so much for your explaination. I have so much to learn so its always good to check to see if I'm on the right track. Is there an easier way to identify the correct link to the file or do we always have to write it out manually? just to clarify, everytime each web page will have its own file right? and it should be saved as .HTML right?
  13. <nav> <a href="/html/">HTML</a> | <a href="/css/">CSS</a> | <a href="/js/">JavaScript</a> | <a href="/jquery/">jQuery</a></nav> in the above example, <a> tag is used. The content inside the <a> tag is name of the file and whatever is in between the tags is name of the link that will appear on the website. have I got it correct? In another word, If I want to create a another web page called "page2", I will first need to create a new file on my notepad and I can name it whatever I want (lets call it red2) and once all the coding are done, I can do: <a href="red2/">page2</a> so if you click on "page2" it will direct you there. is that correct?
  14. Hi everyone, this is my very first topic on here although I am no stranger when it comes to online forums. I can't seem to find a section for newbies on here so please don't get annoyed with me if this is not the right place to post! I'm learning CSS atm. To link CSS externally, you will need to use this: <head> <link rel="stylesheet" type="text/css" href="mystyle.css"></head> so my question is, why does it have to be in the "head" section? Can't I just use them wherever I need them? e.g. in the body section or title section. also type="text/css" whats that for? Just trying to understand the syntax of it thats all. Maybe I'm worried too much. Thanks!
×
×
  • Create New...