Jump to content

Strawbeanerry

Members
  • Posts

    2
  • Joined

  • Last visited

Strawbeanerry's Achievements

Newbie

Newbie (1/7)

1

Reputation

  1. Wow...that is awesome, yes that is exactly what I mean! Thank you so much! So I could just add a background image for header & footer and still have text? Would you be able to briefly explain what you added to achieve that? I have seen the elements min-height and margins and padding before but the way w3school explained it, I didn't quite understand what it actually did.
  2. oFrom recent events I have been really inspired to pick coding back up, it seems as if HTML codes have become more complex than before. So I went to w3schools to just re-fresh the basics and to see what's new. So far I am having a really hard time understanding div blocks. I remember before (and most likely now still) people really loved having layouts that had an image as a header (sometimes links under), and a footer. In between the header and footer would be two columns with navigation on the left and content on the right. Sort of like this:I created a container div, and inside the container div I have nav and ontent both floating left to make it side by side. But I mean I am trying to code this with tumblr use, and I want to have nav div and the header fixed so only content would scroll through any sort of tumblr posts infinitely. People always have tumblr where they have fixed user info and what not. I think what I am describing is kind of like what an iframe would do, positioning them somewhere and then have a page displayed there. But I am not sure if infinite scrolling would allow me to have a footer always displayed. The footer will also be an image, and just text on top of the image. I apologize if it makes very little sense... I don't know how to go about approaching it in terms of position. So I went to a really simple approach, and it came close to what I want. But the footer is not quite..I can't get it to stay UNDER both links and content (drew the image a little wrong) <!DOCTYPE html><html><head><!--hello info--><title>This is a title!!</title><style type="text/css">html, body {background: #f8fede;}#container {margin: 90px auto;padding: auto;background: #ffffff;width: 800px;}#header {background:transparent url(http://25.media.tumblr.com/tumblr_m7eo63r9HD1rvj3dyo1_500.jpg) no-repeat scroll center top;background #transparent;height: 500px;}#footer {background #transparent;height: 100px;width: 1000px;}#nav {background: #e994fe;float: left;width: 250px;}#content {background:#71d4da;float: left;width: 400px;}</style></head><body><div id="container"><div id="header" align="center">test sss</div><div id="nav" align="center">hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello </div><div id="content">test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </div></div><div id="footer">test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </div></body></html> Also, I am having a hard time distinguishing when to use div class and div ids. I know id's are unique but people use both for layouts and I don't quite understand >.< Tumblr already has a lot of present elements as it is that they require that you must include in the theme. Link transitions are fancier now and what not...oye I feel outdated. I would appreciate any sort of help or any sort of direction to somewhere I can learn more about things like meta-tags and {/block} element and {if:widelayout content="0"} <-example elements...w3school is nice but I think I am definitely beyond "What a <br> tag does" Thanks for anyone who would help! I am truly stuck.
×
×
  • Create New...