Announcement

Collapse
No announcement yet.

FAQ for all your HTML needs!

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Ron Starc
    replied
    FTP Manager Lite is a better freeware FTP and SFTP client software. The clean interface is super easy to use. It will perform your files transfers quickly and efficiently. It is one of the best freeware FTP clients that also supports FXP.

    Leave a comment:


  • Rosely
    replied
    Originally posted by buffylover View Post
    Hello guys I need help, how do you add links on a image slide show. But each image within the slideshow would have different links?

    this is the code I have so far?
    Spoiler:


    <head>
    <script type="text/javascript">
    $(document).ready(function(){});</script>
    <script type="text/javascript">
    var image1 = new Image()
    image1.src = "http://thelasttear.left-unspoken.net/RWALLPAPER.jpg"
    var image2 = new Image()
    image2.src = "http://thelasttear.left-unspoken.net/Wallpapers/ThePacific/SLIDESHOWHUNGER.jpg"
    var image3 = new Image()
    image3.src =""
    </script>

    <body>
    <img src="http://thelasttear.left-unspoken.net/RWALLPAPER.jpg" name="slide" style="border:none;"><script type="text/javascript">
    var step=1;
    function slideit()
    {
    document.images.slide.src = eval("image"+step+".src");
    if(step<2)
    step++;
    else
    step=1;
    setTimeout("slideit()",3000);
    }
    slideit();


    //--></script>



    I would be so grateful.
    Hi
    Sorry for being very straightforward: I'm at work

    First of all..
    you should put your script in a .js file, and then include it in the html file, not like ths.

    Second:
    <script type="text/javascript">
    $(document).ready(function(){});</script>

    Is very pointless this way. What it does is that the scripts INSIDE the { and } will be called after the document has fully loaded. This is to prevent the page to half load, then load all javascript and be empty.

    Thirdly: you should not have your javascript code inside your html elements....


    I would advise you to include jQuery first.
    Then use either this plugin: http://caroufredsel.dev7studios.com/
    or this one: http://www.gmarwaha.com/jquery/jcarousellite/

    Then write your html like this:

    HTML Code:
    <ul class="image-carousel">
      <li>
        <a href="link.html"><img src="image.jpg" alt="image alt text" /></a>
      </li>
      <li>
        <a href="link.html"><img src="image.jpg" alt="image alt text" /></a>
      </li>
    </ul>
    And in your own scripts.js you write:

    $(document).ready(function(){

    function imageCarousel(){
    $('.image-carousel').carouFredSel();
    });

    or

    function imageCarousel(){
    $('.image-carousel').jCarouselLite();
    });

    // call your functions:
    imageCarousel();

    });

    depending on which you choose to use.

    Leave a comment:


  • buffylover
    replied
    Hello guys I need help, how do you add links on a image slide show. But each image within the slideshow would have different links?

    this is the code I have so far?
    Spoiler:


    <head>
    <script type="text/javascript">
    $(document).ready(function(){});</script>
    <script type="text/javascript">
    var image1 = new Image()
    image1.src = "http://thelasttear.left-unspoken.net/RWALLPAPER.jpg"
    var image2 = new Image()
    image2.src = "http://thelasttear.left-unspoken.net/Wallpapers/ThePacific/SLIDESHOWHUNGER.jpg"
    var image3 = new Image()
    image3.src =""
    </script>

    <body>
    <img src="http://thelasttear.left-unspoken.net/RWALLPAPER.jpg" name="slide" style="border:none;"><script type="text/javascript">
    var step=1;
    function slideit()
    {
    document.images.slide.src = eval("image"+step+".src");
    if(step<2)
    step++;
    else
    step=1;
    setTimeout("slideit()",3000);
    }
    slideit();


    //--></script>



    I would be so grateful.

    Leave a comment:


  • Leloo
    replied
    Originally posted by Destiny View Post
    Demetreas, thank you so much for that input I have about a month of exams left and then I desperately need to update my site and I've been thinking about implementing something to make the updates easier... Unfortunately I don't know anything at all about coding and my whole site is based on the about 6 tags I know for php I was seriously considering CuteNews and I'm glad that I stumbled upon this thread.

    Would you (or anyone else here) happen to know a good tutorial on how to implement/manage wordpress? I know there must be lots of them out there, but I was thinking something you maybe tried or tested? Or if anyone here actually wrote a tutorial themselves?
    The documentation for Wordpress is extensive, but if you're not a coder I recommend finding a theme that's close to how you want your site to look, and then customize that.

    There are also blank themes out there, which I personally find great because it's like starting your html from scratch, but it has the files you absolutely need included

    Leave a comment:


  • Destiny
    replied
    Demetreas, thank you so much for that input I have about a month of exams left and then I desperately need to update my site and I've been thinking about implementing something to make the updates easier... Unfortunately I don't know anything at all about coding and my whole site is based on the about 6 tags I know for php I was seriously considering CuteNews and I'm glad that I stumbled upon this thread.

    Would you (or anyone else here) happen to know a good tutorial on how to implement/manage wordpress? I know there must be lots of them out there, but I was thinking something you maybe tried or tested? Or if anyone here actually wrote a tutorial themselves?

    Leave a comment:


  • Leloo
    replied
    Originally posted by Demetreas View Post
    Hey Leloo, I really wouldn't recommend CuteNews, the security on it is shocking, I personally would use WordPress because its easy to manage, easy to modify and there are so many plugins out there to make it do what you want with very little effort.

    there are some other cms programs I haven't used but have heard some good things about.
    http://getkirby.com/
    http://grabaperch.com/
    http://sitecake.com/

    but I would recommend Wordpress, there is a reason its a bit over kill because it has everything you could need.
    Thanks for the input! That's a no-go on CuteNews then!!

    I've worked with Wordpress a few times before, so I suppose I should just go with that. But thanks for the links, I'll see if there's anything more lightweight that would be suitable.. as long as it's php I should be all good

    Leave a comment:


  • Demetreas
    replied
    Hey Leloo, I really wouldn't recommend CuteNews, the security on it is shocking, I personally would use WordPress because its easy to manage, easy to modify and there are so many plugins out there to make it do what you want with very little effort.

    there are some other cms programs I haven't used but have heard some good things about.
    http://getkirby.com/
    http://grabaperch.com/
    http://sitecake.com/

    but I would recommend Wordpress, there is a reason its a bit over kill because it has everything you could need.

    Leave a comment:


  • Leloo
    replied
    Hi guys

    Does anyone have experience using CuteNews?

    I'm considering (considering is the keyword here ) bringing my site back, and I want to make updating a lot easier.... I thought about building something myself, but I have issues with how secure I could make it (CMS, that is) and I feel using Wordpress is a bit overkill, since my site's not that big....

    I'm just wondering how easy it is to implement and customize, if there's been any issues with it for anyone of you who uses it, if you like it or not, that sort of thing

    Or, if anybody has any other recommendations on programs they use to make running and updating their website easier, that would be most welcome

    Leave a comment:


  • darkprophet
    replied
    Sadly I lack the ability to create my own code. I can manipulate *almost* any code given to me but when it comes to coding it all myself my brain just doesn't enjoy functioning that way which is why GoLive was perfect for me because I could easily balance the idiot proof and the code parts -sigh- I absolutely hate dreamweaver so I am downloading aptana to give it a whirl if not I'll have to either learn how to code things myself or just suck it up and deal with Dreamweaver..blah.

    Thanks guys!

    Leave a comment:


  • Rosely
    replied
    Originally posted by darkprophet View Post
    So hopefully this is the right spot for this but, I recently switched from a PC to a mac and I can't find the program I used to use to build my website in Mac form -sad- So I was wondering if there was a program kind of like adobe golive that I can use on my mac. The one that comes with Mac, along with a few others that had been suggested to me are too idiot proof for me I have to use their style sheets and I can't mess with the coding it's frustrating. I need a program that allows the simplicity of drag and drop but also allows me to mess with the code if need be.

    Any suggestions?
    I use TextMate, it's heaven! You can tweak it in many ways. It's not free though. But it's the best out there for Mac.
    I've worked with Aptana too, and it's good, there are many plugins and options for it. I just never really liked it. The way it starts up is already annoying, and it's a slow program because it comes from Eclipse and Java. But it is free, and people here are really enthusiastic about it.
    I prefer TextMate alllll the way though


    edit:
    forget this, I didn't see the 'drag & drop' requirement.
    I guess you'll need dreamweaver then. I don't know if Aptana can do that...

    Leave a comment:


  • Demetreas
    replied
    Aptana is free and its just as good as the big industry standard Dreamweaver some say even better.

    http://aptana.com/

    you can even use zen coding in it which will dramatically reduce the time spent coding http://code.google.com/p/zen-coding/

    Leave a comment:


  • Jenni Lou
    replied
    I never used any kind of builder programs. But I use CoffeeCup HTML Editor and it is free. And it has tons of options I don't use. I use it because I like how it colors some of the code and makes it easier to look at than if you were just using Notepad. Less straining on the eyes. However, it has some features I have not checked out that I suspect work a lot like Dreamweaver or FrontPage. Though, to be clear, I've never used anything like those so I could be completely wrong. :/

    Leave a comment:


  • darkprophet
    replied
    So hopefully this is the right spot for this but, I recently switched from a PC to a mac and I can't find the program I used to use to build my website in Mac form -sad- So I was wondering if there was a program kind of like adobe golive that I can use on my mac. The one that comes with Mac, along with a few others that had been suggested to me are too idiot proof for me I have to use their style sheets and I can't mess with the coding it's frustrating. I need a program that allows the simplicity of drag and drop but also allows me to mess with the code if need be.

    Any suggestions?

    Leave a comment:


  • Rosely
    replied
    Originally posted by Demetreas View Post
    an alternative way of doing this would be just to add a white background colour to your .container div just incase you have a page that is taller than 1500px and make sure you have a clearfix on the .container

    Originally Posted by copy into css file
    /*Clearfix to be used to surround any floating element to make sure you dont get external elements displaying around floating elements*/


    .clearfix:before, .clearfix:after {
    content: "";
    display: table;
    }
    .clearfix:after {
    clear: both;
    }
    .clearfix {
    zoom: 1;
    }


    this will simply make it so that regardless of how tall your site is there will be a white background to the site.

    Just figured out the reason why it was doing it, its because your floating divs (content and sidebar) where breaking out of the containing div, all floating divs do that, the only way to fix it is put the clearfix above into your css file and wrap them in a div with the clearfix class ie


    <div class="clearfix">
    <div class="content-floatingleft">Content</div>
    <div class="sidebar-floatingright">sidebar</div>
    </div>

    and it ensures that whatever div is surrounding it clears (reaches the bottom) of the floating divs and because that surrounding div is a block element it can be placed anywhere and you don't have the same issue where the surrounding div doesn't recognise the height of the internal (floating) divs.
    Ha!! This is actually a really good way of clearing
    I use this one at work, it's the best way. It surpasses "overflow:hidden" by far!
    So yeah, use it!

    Leave a comment:


  • Demetreas
    replied
    generally you would use programs like dreamweaver or image ready if you have an old version of adobe creative suite the only online version I know of is http://www.image-maps.com/

    Leave a comment:

Working...
X