Jump to content


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About Ben

  • Rank
  1. That worked perfectly, thanks for your help.
  2. Hi :)How can I make the text touch the top of the DIV?I've got some text inside the pink box and I would like it to touch the top just because it will make aligning much easier. div.information {width:310px;height:420px;padding-right:2px;top:9px;background-color:#FCC;}
  3. I'll just use it in this case then, thank you.
  4. Thank you very much. :)Just wondering but is it possible to apply the overflow: hidden; as a general style? If yes then would you recommend it?
  5. Hi :)I'm trying to align the ID named touch to the right of the page, inside the class named page-title but I've had no luck.I've tried using float:right; as well as adjusting the margins but I can't seem to move the text any further to the right.My HTML is: <div class="page-title"><div id="touch">Does this look interesting? <span class="touch">Get in touch!</span></div><h3 class="fontface">My Portfolio</h3></div>My CSS is:div.page-title {position:relative;margin-left:auto;margin-right:auto;width:1000px;background-color:#C96;}#touch {position:relative;text-align:right;}If anyone can help it will be appreciated.
  6. That's great, thank you.
  7. Hi :)I'm trying to make my div (fullscreen) touch the edges of the web browser at both the top and the bottom.http://img88.imageshack.us/img88/8996/scre...110804at224.pnghttp://img31.imageshack.us/img31/2063/scre...110804at225.pngThis is the html I'm using: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Creative Designer</title><link rel="stylesheet" href="css.css" type="text/css"></head><body><div class="fullscreen"><div id="logo"><a href="index.html"><img src="images/logo-2.png"/></a></div><div id="menu_wrapper" class="grey"><div class="left"></div><ul id="menu"><li><a href="contact.html">Contact</a></li><li><a href="blog/index.html">Blog</a></li><li><a href="portfolio.html">Portfolio</a></li><li><a href="about.html">About</a></li><li><a href="index.html">Home</a></li></ul></div>And my CSS:body{ height:100%;background:url(images/new-background.png);}div.fullscreen{background:url(images/texture.png);position:relative;margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;padding-bottom:0px;padding-top:0;width:1000px;height:100%;}#logo {position:relative;width:268px;height:42px;text-decoration:none;left:20px;top:47px;z-index:2;}#menu {font-family: Helvetica, sans-serif;text-transform: uppercase;position:relative;bottom:42px;margin: 0px 0;padding: 0;list-style-type: none;font-size: 15px;background-color:#ae4141;height: 136px;z-index:1;}#menu li {float: right;margin: 0;}#menu li a {text-decoration: none;display: block;padding: 0 20px;line-height: 136px;color: #999;}#menu li a:hover {background-image:url(images/menu.png);height:136px;color: #ffffff;}If anybody knows how I can fix this that would be great.
  8. Hi,I'm designing and (trying!) to code a portfolio website for myself.I was wondering if anybody could tell me how to make a slideshow that pops up once you click a link?Like this website here - http://www.printandpixels.co.uk/#workIs it possible to do that using html? If not then what languages should I be looking at?
  9. Ben

    CSS Navigator

    Hi,I've designed a template for my online portfolio and now I'm attempting to code it using HTML and CSS. I'm a bit stuck now and I wondered if anyone could help me please. :)I have a few hyperlinks in my navigator bar, but underneath "PORTFOLIO" I want several more hyperlinks but I need these new links to be a different size font, and I need to move the hyperlinks several spaces to the left without moving the "box" that they are in. I hope that makes sense.This is my navigator bar so far, and the HTML and CSS code. <ul><li><a href="index.htm">Home</a></li><li><a href="portfolio.htm">Portfolio</a></li><li><a href="about.htm">About</a></li><li><a href="contact.htm">Contact</a></li></ul> ul{ list-style-type:none; margin-top:338px; margin-bottom:0px; margin-right:0px; margin-left:651px; padding:0;}a:link,a:visited{ display:block; font-family: “Trebuchet MS”, sans-serif; font-size: 14px; font-weight:bold; color:#08355c; line-height: 2.2em; background-color:#ffffff; width:130px; text-align:left; padding:0px; text-decoration:none; text-transform:uppercase;}a:hover,a:active{ background-color:#ffffff;}
  10. Ben

    Few Questions

    All makes sense to me and thanks. :)Well except for one, how do I set the height and width of an image?
  11. Ben

    Few Questions

    Ok thank you for your time.
  12. Ben

    Few Questions

    Hey guys, I have a few more questions to ask about html.http://irellaqanevol.comFirstly, how do I move the logo and the rest off the template upwards? ---Secondly, using css how do I place the text under the "Welcome" part, and links under the "News" part. I know how to add text, but I dont know how to split them apart.
  13. Ben

    Repeating Images

    Hello,I visit your site every so often looking for help on html.I decided to register today because I have come across a problem.I searched your mainsite, but I couldnt find my answer.---How do I stretch an image to fit between two other images? And how do I add text above this image?Thanks.
  • Create New...