Page 22 of 22 FirstFirst ... 12202122
Results 421 to 438 of 438

Thread: FAQ for all your HTML needs!

  1. #421
    Bronze Party-Goer Demetreas's Avatar
    Join Date
    Jun 2007
    Location
    Winterfell
    Posts
    151
    Thanks
    355
    Thanked 227 Times in 58 Posts

    Default

    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


    Quote 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.
    Last edited by Demetreas; 14-12-11 at 09:30 PM.

  2. The Following 3 Users Say Thank You to Demetreas For This Useful Post:

    HisMRS (22-05-13),Jenni Lou (15-12-11),Rosely (23-12-11)

  3. #422
    Rule #7 Lyri's Avatar
    Join Date
    Jul 2007
    Location
    Belfast
    Posts
    1,618
    Thanks
    2,123
    Thanked 1,471 Times in 571 Posts

    Default

    Wow, that's awesome! Thank you so much for taking the time to figure that out. (And Jenni-Lou, too)

    I'll make a copy of that and use that for my next layout, now that I know what to do!
    Para Bellum

    Si vis pacem, para bellum

  4. #423
    Sunnydale High Student x-Jo-x's Avatar
    Join Date
    Sep 2011
    Location
    England
    Posts
    60
    Thanks
    33
    Thanked 24 Times in 16 Posts

    Default

    Hi don't know if anyone has already posted this , im struggling to find out how to you code links within an image. how do you work out the coordinates of where the link is placed? any help would be really appreciated

  5. #424
    Bronze Party-Goer Demetreas's Avatar
    Join Date
    Jun 2007
    Location
    Winterfell
    Posts
    151
    Thanks
    355
    Thanked 227 Times in 58 Posts

    Default

    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/

  6. #425
    Scooby Gang Rosely's Avatar
    Join Date
    Feb 2007
    Location
    Amsterdam
    Posts
    720
    Thanks
    705
    Thanked 475 Times in 366 Posts

    Default

    Quote 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!

  7. The Following User Says Thank You to Rosely For This Useful Post:

    Demetreas (26-12-11)

  8. #426
    Bronze Party-Goer darkprophet's Avatar
    Join Date
    Dec 2008
    Location
    Canada
    Posts
    176
    Thanks
    24
    Thanked 16 Times in 7 Posts

    Default

    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?

    :+: Shiny Nickel :+:
    Last Updated 9/8/11

  9. #427
    fandom whore Jenni Lou's Avatar
    Join Date
    Feb 2007
    Location
    AWESOMEville
    Posts
    5,811
    Thanks
    938
    Thanked 1,146 Times in 340 Posts

    Default

    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. :/

    follow daydreaming on twitter / livejournal / tumblr / facebook for instant site updates!

  10. The Following User Says Thank You to Jenni Lou For This Useful Post:

    HisMRS (22-05-13)

  11. #428
    Bronze Party-Goer Demetreas's Avatar
    Join Date
    Jun 2007
    Location
    Winterfell
    Posts
    151
    Thanks
    355
    Thanked 227 Times in 58 Posts

    Default

    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/

  12. The Following User Says Thank You to Demetreas For This Useful Post:

    HisMRS (22-05-13)

  13. #429
    Scooby Gang Rosely's Avatar
    Join Date
    Feb 2007
    Location
    Amsterdam
    Posts
    720
    Thanks
    705
    Thanked 475 Times in 366 Posts

    Default

    Quote 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...

  14. #430
    Bronze Party-Goer darkprophet's Avatar
    Join Date
    Dec 2008
    Location
    Canada
    Posts
    176
    Thanks
    24
    Thanked 16 Times in 7 Posts

    Default

    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!

    :+: Shiny Nickel :+:
    Last Updated 9/8/11

  15. #431
    Lenny the Lamb Leloo's Avatar
    Join Date
    Apr 2007
    Location
    Hidin' behind J.j
    Posts
    329
    Thanks
    123
    Thanked 141 Times in 64 Posts

    Default

    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
    >> and we want s p e c t a c u l a r v i e w s if we're to stay for the w e e k e n d <<

  16. The Following User Says Thank You to Leloo For This Useful Post:

    Destiny (21-05-13)

  17. #432
    Bronze Party-Goer Demetreas's Avatar
    Join Date
    Jun 2007
    Location
    Winterfell
    Posts
    151
    Thanks
    355
    Thanked 227 Times in 58 Posts

    Default

    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.

  18. The Following 2 Users Say Thank You to Demetreas For This Useful Post:

    Destiny (21-05-13),Leloo (21-05-13)

  19. #433
    Lenny the Lamb Leloo's Avatar
    Join Date
    Apr 2007
    Location
    Hidin' behind J.j
    Posts
    329
    Thanks
    123
    Thanked 141 Times in 64 Posts

    Default

    Quote 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
    >> and we want s p e c t a c u l a r v i e w s if we're to stay for the w e e k e n d <<

  20. The Following User Says Thank You to Leloo For This Useful Post:

    Destiny (21-05-13)

  21. #434
    Library Researcher Destiny's Avatar
    Join Date
    Dec 2008
    Location
    Czech Republic
    Posts
    203
    Thanks
    287
    Thanked 527 Times in 116 Posts

    Default

    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?
    In the end, we all are who we are, no matter how much we may appear to have changed.


  22. #435
    Lenny the Lamb Leloo's Avatar
    Join Date
    Apr 2007
    Location
    Hidin' behind J.j
    Posts
    329
    Thanks
    123
    Thanked 141 Times in 64 Posts

    Default

    Quote 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
    >> and we want s p e c t a c u l a r v i e w s if we're to stay for the w e e k e n d <<

  23. The Following 3 Users Say Thank You to Leloo For This Useful Post:

    Bre (21-05-13),Demetreas (22-05-13),Rosely (21-05-13)

  24. #436
    Cup of Tea!
    Join Date
    Oct 2009
    Location
    United Kingdom
    Posts
    810
    Thanks
    1,776
    Thanked 699 Times in 234 Posts

    Default

    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.

  25. #437
    Scooby Gang Rosely's Avatar
    Join Date
    Feb 2007
    Location
    Amsterdam
    Posts
    720
    Thanks
    705
    Thanked 475 Times in 366 Posts

    Default

    Quote 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.

  26. The Following User Says Thank You to Rosely For This Useful Post:

    buffylover (10-09-13)

  27. #438
    Hellmouth Tourist
    Join Date
    Feb 2015
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •