Jump to content

Dibbets

Members
  • Content Count

    16
  • Joined

  • Last visited

Community Reputation

0 Neutral

About Dibbets

  • Rank
    Newbie
  1. I put this topic on hold, for now I'm giving up. Thanks for the help though. Appreciate it.
  2. Totally, yeah. I don't know how it happened but it did.
  3. Wow, that's loads of code. I'll try this later. Thank you so much!
  4. Hiya,Thanks a million for the tip. Two things though. 1) The image does cover the whole page, only it's doing so for half the picture. 2) I cannot get the text on it. How did you manage? This is the code I got so far:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><link rel="stylesheet" type="text/css" href="familie.css" /><title>A Day in The Life</title></head><body><div id="bg"> <div> <table cellspacing="0" cellpadding="0"> <tr> <td> <img src="Homer.jpg" alt="Image of Homer Simpson drinking beer"/> </td> </tr> </table><div id="cont"> <div class="box"> <!-- content in here --> </div></div> </body></html>And the CSS:* { margin: 0; padding: 0;}html, body, #bg, #bg table, #bg td { height:100%; width:100%; overflow:hidden;}#bg { position: fixed;}#bg div { height:200%; left:-50%; position:absolute; top:-50%; width:200%;}#bg td { text-align:center; vertical-align:middle;}#bg img { margin:0 auto; min-height:50%; min-width:50%;}#cont { position:absolute; top:0;left:0; z-index:70; overflow:auto;}.box { margin: 0 auto; width: 400px; padding: 50px; background: white; padding-bottom:100px; font: 14px/2.2 Georgia, Serif;}
  5. Wow, sounds tough! How do you do that, dividing it by three? Do you have an example? I must admit, I'm a rookie, and a bit daunted by this.
  6. Thanks guys, I gonna work the stuff out. Get back to you guys asap. Thank you so far.
  7. I don't know if it's possible, but I don't wanna strecht it and I don't wanna repeat it.This is the code: p{font-family:Verdana, Geneva, sans-serif;}body {background-image:url('Homer.jpg');background-repeat:no-repeat;}
  8. My background image must cover the whole page. Is there a way to do that? Also, it has to adjust to the seize of the window. So, it doesn't matter whether they read from a big or small screen. I'm using an external style sheet.This is a great forum, any help will be highly appreciated.
  9. Stop the presses! We got it! Contrary to what I thought before, the capitalization of the extension were NOT correct. It works! Thank you guys, couldn't do it w/you!Jer
  10. This is the image http://tinyurl.com/homerbeer123
  11. Yes, the p is styled then. It's a Verdana sans-serif. Maybe the image is corrupt? You're sure the code is right?
  12. Here comes:First the css:p{font-family:Verdana, Geneva, sans-serif;}body {background-image:url("Homer.jpeg");}and the html:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><link rel="stylesheet" type="text/css" href="familie.css" /><title>A Day in The Life</title></head><body><p>blabla<p><p>blablabla.</br>blabla.</br>blabla.</p> <p>blalbla </p></body></html>Furthermore, I don't know what you mean by 'styling the <p>', I'm just a rookie. And I totally agree w/ your tag. Asking the right question is tough, I hope you understand mine. Appreciate your help, thanks.
  13. I did it all. Still the image is not there.
×
×
  • Create New...