Jump to content


  • Posts

  • Joined

  • Last visited

Ole's Achievements


Newbie (1/7)



  1. Is it possible with HTML5 to make interactive animations? say if I press a link, then an animation will be played, will it work?
  2. What do I have to read, to learn making dynamic websites. What I think of is having a page with user log-in / profiles and comment section etc. Someone got tips of where I can start? I already know HTML and CSS, all the basic stuff.
  3. I found out now. B)The width of the #wrapper was too small forcing the "right"div to go beneath the "left"div, instead of next to it.
  4. My page does not view correctly in other web browser than Firefox.I want the page to have a "book/magazine" design, where you flip to the next page in HTML. I managed to get the design i wanted, but when i view my page in other browsers, it does not look like it does in firefox. Here is the page I am talking about -open in Firefox for correct view, and then try safari/chrome/opera. Why is it like this?http://www.ia-stud.h...strate/inn.html Here is the source-code:<html><head><META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8" /><META NAME="COPYRIGHT" CONTENT="© Ole Andersen, Sun Feb 26 22:43:51 CEST 2012" /><title>Ole Andersen</title> <style type="text/css">a:link {text-decoration: none;COLOR: inherit;}a:visited {text-decoration: none;COLOR: inherit ;}a:hover {text-decoration: none;COLOR: 778899 ;}a:active {text-decoration: none;COLOR: inherit;} img{ margin-right:0px;}</style> <style>#huskelapp{ position:absolute;background-color:#FFFFFF ;border-top-right-radius: 20px;border-top-left-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;padding-left: 10px;padding-top:5px;padding-right:4px;padding-bottom:5px;left:240px;height:1110px;width:817px;top:130px;opacity:0.6;filter:alpha(opacity=60);z-index: 0;overflow: hidden;float:left;overflow: hidden; } <!--#wrapper{margin: 0 auto; width: 680px; background-image:url('images/pages.png'); height:601px;}--> #wrapper{margin: 0 auto; width: 1070px; height:601px;} #left{height:540px;width:470px;padding-left: 40px;padding-top:40px;padding-right:40px;padding-bottom:40px; background-image:url('images/inn.png');float:left;} #right{height:540px;width:470px;padding-left: 40px;padding-top:40px;padding-right:40px;padding-bottom:40px; background-image:url('images/right.png'); overflow: hidden;} html{ background: url(images/pages.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} </style> </head> <body> <div id="wrapper"> <div id="left"> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <center><font color="#000000" face="futura"><font size="1">2 - <a href="index.html">Forrige Side</a> </font></center></div> <div id="right"> <table align="left"><tr><td> <br><font color="#000000" face="futura"><font size="1"> </font></td> <td> <font color="#000000" face="futura"><font size="1"> </td></tr></table> <br><br><br><br><br><br><br><br><br><br><br><br><br><center><font color="#000000" face="futura"><font size="1">3 - <a href="1-2.html">Neste Side</a></font></center> </div> <!-- END of #wrapper div --></body> </html>
  5. What I want is a image as a background-and then place divs on that same background I use wrapper ^^
  6. [img=http://playstationeu.i.lithium.com/t5/image/serverpage/image-id/189675i7B0071BC4376A43D/image-size/original?v=mpbl-1&px=-1] ah
  7. Could you be a little more specific? Here is my page (that I want centered).http://www.ia-stud.hiof.no/~olean/test I want it to be in center including all the divs, is it possible?Here is the code:<html><head><title>Ole Andersen</title><style type="text/css">a:link {text-decoration: none;COLOR: inherit;}a:visited {text-decoration: none;COLOR: inherit ;}a:hover {text-decoration: none;COLOR: 778899 ;}a:active {text-decoration: none;COLOR: inherit;}</style> <style>#bg6{ position:absolute;background-color:#FFFFFF ;border-top-right-radius: 20px; border-top-left-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;padding-left: 10px;padding-top:5px;padding-right:4px;padding-bottom:5px;left:240px;height:1110px;width:817px;top:130px;opacity:0.6;filter:alpha(opacity=60);z-index: 0; }#bg1{ position:absolute;left:150px;z-index: 0; }#scroll{ border:0px solid white;width:315px; height:320px; overflow-y:scroll;overflow-x:hide;}#bg2{ position:absolute;left:678px;top:255px;z-index: 1; padding-left: 20px;padding-top:10px;padding-right:10px;padding-bottom:10px;}#bg1{ position:absolute;left:150px;z-index: 0; }#header{ position:absolute;left:680px;top:120px;z-index: 2; width:347px;height:90px;}#dmpro{ position:absolute;left:680px;width:112px;height:30px;top:221px;}#pro{ position:absolute;left:797px;width:112px;height:30px;top:221px;}#kon{ position:absolute;left:914px;width:112px;height:30px;top:221px;}html { background: url(images/background.png) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}</style></head><body><div id="bg1"><img src="images/main.png" width="939px"></div><a href="index.html"><div id="header"></div></a><a href="dmpro.html"><div id="dmpro"></div></a><a href="pro.html"><div id="pro"></div></a><a href="kon.html"><div id="kon"></div></a><div id="bg2"><div id="scroll"><font color="#FFFFFF" face="tahoma"><font size="4px">test<br><font color="#FFFFFF" face="tahoma"><font size="2px">test</div></font></body></html>
  8. Is it possible to have a website to start in center ? Usually when I use APdiv it starts to the left and you move the different elements adjusting top and left.I know I can write <center> but when I dow that I cant move the APdivsWhat I want is a centered page, but i want to move the different objects so they are in center, kinda like as the page "starts in center"sorry for my english, it is not my first language.If you know what I mean, please let me know.
  • Create New...