Jump to content


  • Posts

  • Joined

  • Last visited

TheMightySpud's Achievements


Newbie (1/7)



  1. Well I got it figured out using Javascript, so never mind.
  2. My bad, CSS @charset "utf-8";/* CSS Document */body {height:100%;margin:0px;font-size:10px;font-family:Arial, Helvetica, sans-serif;background-color: rgba(255, 255, 255, 1.0);}header {position:absolute;top:0px;width:100%;height:30px;background-color: rgba(0, 0, 0, 1.0);display:block;z-index:5;}#pagewrapper {position:absolute;left:0px;right:0px;width:960px;height:100%;margin-left:auto;margin-right:auto;background-color: rgba(255, 255, 255, 1.0);display:block;overflow:hidden;z-index:0;}footer {position:absolute;bottom:0px;width:100%;height:30px;background-color: rgba(0, 0, 0, 1.0);display:block;clear:both;z-index:5;}.container {position:inherit;top:40px;width:940px;min-height:100%;margin-left:10px;margin-right:10px;background-color: rgba(255, 0, 0, 0.5);display:block;z-index:1;} And the HTML <!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>TheMightySpud Network Hub</title><link rel="stylesheet" type="text/css" href="css/css.css" /></head><body><header></header><section id="pagewrapper"><section class="container"></section></section><footer></footer></body></html>
  3. Hi all, I'm hoping someone can help me out as this is driving me more than a little insane. I have an idea for a layout and a 'framework' for a site but I'm having some trouble with the layout part. I've attached 3 images to try and explain what I'm trying to do and what issues I'm having, the first two (1680x1050 & 1024x768) show what I'm trying to acheive. Basically a header and footer which stay fixed with a container block in the middle which stretches to the full length between the header and footer, but I don't want any overlap and I want this container block to scale based on the size of the browser window (hence the two images to illustrate different screen resolutions). Now, I don't want any scrolling on the page, and this is where my issue arises. If you look at the third image (1680x1050_actual) you see that the center block actually overlaps the footer, I know I can use the z-index css value to fix that, however due to what I want to put in the container block this isn't ideal by any means. Ideally I want to have the container block stop at the top of the footer. I'm not sure I've explained properly, but I hope someone can help out. Thanks in advance, TheMightySpud
  4. Hi all,Hopefully you can help me out with this. I've had a look around, but can't seem to find an answer.What I'm trying to do is play a video file with subtitles (captions) underneath.Now I've got that all working nice and fine, my problem is I have no clue how to have 2 buttons (subtitles on / subtitles off) in the presentation which will toggle the subtitles as the button descriptions suggest.The way I've got it in my head is that if I click on the 'off' button the realtext simply becomes transparent, or black (so that it can't be seen) and the opposite happens (caption go to white on pressing the 'on' button), but for the life of me I can't figure it out.Could anyone help, or at least point me in the right direction?ThanksTheMightySpud <smil xmlns="http://www.w3.org/2001/SMIL20/Language"> <head> <meta name="title" content="Starhyke - SMIL Assignment"/> <meta name="author" content="Paul Knott"/> <meta name="copyright" content="December 2009"/> <!-- Define Layout --> <layout> <root-layout background-color="black" width="700" height="420"/> <region id="buttononregion" background-color="black" width="60" height="100" top="180" left="5"/> <region id="buttonoffregion" background-color="black" width="60" height="100" top="220" left="5"/> <region id="videoregion" background-color="black" width="640" height="360" top="0" left="60"/> <region id="textregion" background-color="black" width="640" height="60" top="360" left="220"/> </layout> <!-- Define Transitions --> <transition id="toWhite" type="fade" subtype="fadeToColor" fadeColor="white"/> <transition id="toWhite2" type="fade" subtype="fadeToColor" fadeColor="white" dur="2s"/> <transition id="fromWhite" type="fade" subtype="fadeFromColor" fadeColor="white" dur="2s"/> <transition id="fromblack" type="fade" subtype="fadeFromColor" fadeColor="black" dur="1s"/> </head><body> <par> <!-- Buttons --> <img src="images/on.jpg" region="buttononregion" begin="4s" dur="43s" transIn="fromblack" transOut="toWhite"/> <img src="images/off.jpg" region="buttonoffregion" begin="4s" dur="43s" transIn="fromblack" transOut="toWhite"/> <!-- Animation --> <animation src="Animation/kt620564.swf" region="videoregion" dur="4s" fill="freeze" transOut="toWhite"/> <!-- Video --> <video src="video/kt620564.rv" begin="4s" dur="43s" region="videoregion" transIn="fromWhite" transOut="toWhite2"/> <!-- Subtitles --> <textstream src="Subs/kt620564.rt" begin="4s" dur="43s" region="textregion"/> </par></body></smil>
  5. I figured as much but thought I'd ask anyway :)ThanksTheMightySpud
  6. Hi all,I have a query and would be very grateful if someone knew a definate answer. :)Is it possible to take a PNG image, which has a transparency (for the sake of argument, let's say an image of a black triangle with transparency all around) is it possible to make the transparent areas of the image 'non-clickable' For example, using CSS to position say 3 triangles next to each other so that the sloped sides of the 3 triangle are almost touching is it possible to make these 3 triangles hyperlinks without each of them interfering with it's neighbour, due to the transparency when it is clicked?Not sure if that's explained very well, if you need clarification, please do not hesitate to ask.ThanksTheMightySpud
  • Create New...