Jump to content
Stef's Coding Community

ankitb142

Member
  • Content Count

    7
  • Joined

  • Last visited

Community Reputation

0 Neutral

About ankitb142

  • Rank
    New member
  1. Thanks Ben for the awesome tutorial. After banging my head on the web , I found something really useful.
  2. 1 more thing. I searched out the web for tutorials on absolute and relative positioning. All of them seem to cover these topics loosely. Can anyone explain in brief what is the main difference in these two styles?
  3. I didn't get you. If I need to have the header at the top , why shouldn't I put it in wrapper?
  4. Yeah basically, I want to have a header which contains a logo on the left and some text aligned to the right. Say for ex. the header of this website. And the header shouldn't also extend over the entire page, meaning having some space on the left and right. What I guess is that I am going somewhere wrong in combining them together(any one of them is over-riding the other).
  5. Ok. Got it working now. The code for css is as follows: p { width: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; text-align:center; position:relative; display:block; color: rgb(255,127,39); } #image{ background-image:url(inv_logo.jpg); padding-top:170px; position:relative; background-repeat:no-repeat; } 2 follow up questions: 1)How can I make the <p> tag be in the same line as of the image. I see the contents of the paragraph in the center , just below where the image ends. 2) Making the position relative in the image loads it properly, while making it absolute loads the partial image only.
  6. Sorry for the "*/" tag . It came in the code while copy-pasting the code here. My css file doesn't have this comment tag. Moreover, the path to the file is correct. Its in the htdocs folder itself. When I remove the code associated with <p> tag , the image loads. But still can't figure out why both of them don't appear simultaneously.
  7. Hi I wrote the following small html code for testing out css. <html> <head> <link rel="stylesheet" type="text/css" href="style2.css" /> </head> <body> <div id="image"> <p>Someone</p> </div> </body> </html> And the css code as : p { width: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #333333; } */ #image{ background:#fff url(inv_logo.jpg) no-repeat; padding-top:170px; } the size of my image is 160X160 px. I am not able to see the background image. Why is this so?
×
×
  • Create New...