Announcement

Collapse
No announcement yet.

FAQ for all your HTML needs!

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

  • #76
    Originally posted by amy1234 View Post
    Ok so another question
    How do you get images next to each other?? with the writing underneath or at side of it ?
    Do you have an example of what you're talking about? My brain is probably just not registering what you asked properly, but maybe a visual example (like a site or something) would help me out
    would you do anything for me

    buy a new diamond ring for me

    Comment


    • #77
      I think I know what she is referring to. You use tables to do that.

      Quick and basic coding without extra variables such as centering or widths, etc. added:

      Code:
      <table>
      <tr><td><img src=""></td>
      <td><img src=""></td>
      </tr>
      <tr>
      <td>text text</td>
      <td>text text</td>
      </tr>
      </table>
      This will give you two pics beside each other, each with text beneath them.
      sigpic
      follow daydreaming on twitter / livejournal / tumblr / facebook for instant site updates!

      Comment


      • #78
        Originally posted by Jenni Lou View Post
        I think I know what she is referring to. You use tables to do that.
        Wow, I don't feel like a total dork for not getting that

        Anywiggle...yes, that's best done with tables. But I always get all jumbled and mixed up when I use tables so I just kind of cheated with that for my art pages. I used divs for that and just float them, so that I could keep adding new pieces without redoing my table structure. And then I added a div at the bottom, which would go after the very last piece on the page, so the rest of my content doesn't keep floating to the left

        HTML Code:
        <div class="art">
        <img src="imageurl" /><br />
        Text underneath
        </div>
        
        <div class="art">
        <img src="imageurl" /><br />
        Text underneath
        </div>
        
        <div class="art">
        <img src="imageurl" /><br />
        Text underneath
        </div>
        <div style="clear:left;"></div>
        ...and then added the styling in my CSS
        Code:
        .art {width:XXpx; height:XXpx; float:left;}
        Wow, that sounds a bit more complicated when I try to explain it
        would you do anything for me

        buy a new diamond ring for me

        Comment


        • #79
          Well, that works too.

          I have so many divs and tables on my site...it just depends on what I am doing.


          That is the downside with putting your arts in a table. If you ever add more or remove some, you have to mess with all the tables.
          sigpic
          follow daydreaming on twitter / livejournal / tumblr / facebook for instant site updates!

          Comment


          • #80
            Ok so i tried all the above but they seem to still be going underneath instead on top, so i put on the nternet and here it is. I went with jjs div layers because the sounded easier (sorry Jenni Lou)

            Comment


            • #81
              Originally posted by amy1234 View Post
              Ok so i tried all the above but they seem to still be going underneath instead on top, so i put on the nternet and here it is. I went with jjs div layers because the sounded easier (sorry Jenni Lou)
              If your tables are giving you a problem, just check to make sure all the </td> and </tr> 's are in the right places. I tend to code in a hurry and often omit them, which just causes badness.

              Hmm...div layers....that's actually a great idea And simple I never thought of doing that!! Too bad I don't want to recode all those tables...shessh! That's a scarey thought!!

              Comment


              • #82
                Hey, can somebody please dumb down those table things for me? I'm kinda having a really hard time making heads and tails out of them I'm trying to place picture beside picture with text underneath and I can't seem to get the hang of it.

                Comment


                • #83
                  Amantine, let me see if I can help. :/ I'm taking the simplest table code I know...the same that I posted a few posts back.

                  Code:
                  <table>
                  <tr>
                  <td><img src="http://image2.jpg"></td>
                  <td><img src="http://image2.jpg"></td>
                  </tr>
                  <tr>
                  <td>text for image 1</td>
                  <td>text for image 2</td>
                  </tr>
                  </table>
                  • <table> </table> You need these at the start and end of your tables. Much like <title> and <head> and <body> markers on your html page.
                  • <tr> is the start of a new section of the table. In this instance it is used for images...
                  • <td><img src="http://image.jpg"></td> ... The <td> is basically just a line of code that goes between the <tr>. The way this table is set up, when it is complete, it will have two images side by side with text beneath each one.
                  • </tr> This is closing that first section in the table. If you wanted to, you can add as many <td> as you want in between; it dpends on how many images you want in your row.
                  • Now we just repeat the steps, only this time we are substituting text for the <img src="">.


                  I really hope that made sense. Maybe someone else can explain it better. It's not nearly as complicated as it sounds. If you copy the code in the text area and insert you own images and text, you will see.
                  sigpic
                  follow daydreaming on twitter / livejournal / tumblr / facebook for instant site updates!

                  Comment


                  • #84
                    Hi guys! I hope this is the right place to post, but I have a few questions.

                    1. I know some basic html but not enough that I could ever make a professional website. Does anyone know any good websites for teaching intermediate to advanced html in addition to php and other programming languages? Or possibly any perhaps forums which is designed for members to teach other members?

                    2. I hope to make a fansite at some stage when I finally improve. Do you know any good hosts I could use at least while I am in the practising stages before I make my first attempt at a real site and hopefully subdomain hosting?

                    Thank you to whoever answers this

                    Vampmaster (Tye)
                    Livejournal

                    Avatar made by Shameless666 of Livejournal

                    Comment


                    • #85
                      Originally posted by Vampmaster View Post
                      1. I know some basic html but not enough that I could ever make a professional website. Does anyone know any good websites for teaching intermediate to advanced html in addition to php and other programming languages? Or possibly any perhaps forums which is designed for members to teach other members?
                      You could check out W3Schools Online Web Tutorials and Lizza Explains it all. Two good sites, the first one still keeps on helping me out even if I've been running sites since 2002
                      PRETTY AS A PICTURE HAS RETURNED
                      sigpic
                      With the return of PAAP comes the integration of Screencap Paradise
                      Keep a look out for Chosen Art, Roadhouse and the others

                      Comment


                      • #86
                        Ooh thank you very much! I shall definately check the first one out! I have heard of the second one lol... I mainly used it for my basic html

                        And hehe I shall give them both a go. I tend to suck learning from websites haha I should just get a private tutor o.o again thank you <3333
                        Livejournal

                        Avatar made by Shameless666 of Livejournal

                        Comment


                        • #87
                          For basic PHP, try codegrrl.com. There is a NL-Convert to PHP tutorial that I learned from and it is easy to follow.
                          sigpic
                          follow daydreaming on twitter / livejournal / tumblr / facebook for instant site updates!

                          Comment


                          • #88
                            Thank you Jenni Lou!

                            I shall definately use this tutorial when I find a host
                            Livejournal

                            Avatar made by Shameless666 of Livejournal

                            Comment


                            • #89
                              I know there is other ones to write your html stuff in ( sorry my minds gone today ) Like Microsoft frontpage but I want to get a newer version but they've stopped making frontpage now what are the others website builder thingys can you get?? I think dreamweaver is one??

                              Comment


                              • #90
                                amy, I know Dreamweaver is one but I honestly don't know much about that stuff. Most of use here use Notepad or something similar and write out our codes ourselves.

                                I actually use HandyHTML and it does have a lot of things that help to write out your code, I think, but I don't use them. I just like it because it colors certain parts of code in reds and greens and blues, which makes it easier to look through when you are writing it.
                                sigpic
                                follow daydreaming on twitter / livejournal / tumblr / facebook for instant site updates!

                                Comment

                                Working...
                                X