Quantcast

Got Homework?

Connect with other students for help. It's a free community.

  • across
    MIT Grad Student
    Online now
  • laura*
    Helped 1,000 students
    Online now
  • Hero
    College Math Guru
    Online now

Here's the question you clicked on:

55 members online
  • 0 replying
  • 0 viewing

akhaliq99 Group Title

I need help with how to put images in this type of layout http://www.cs.umd.edu/class/fall2012/cmsc122/Projects/P2/example.png how do I make images layout like they are on this webpage

  • one year ago
  • one year ago

  • This Question is Closed
  1. eSpeX Group Title
    Best Response
    You've already chosen the best response.
    Medals 1

    One of the easier ways is with a table, what kind of software do you have to use?

    • one year ago
  2. akhaliq99 Group Title
    Best Response
    You've already chosen the best response.
    Medals 0

    I am using komodo edit. A table is good but I was thinking of using a id and using margins to change where the photo's are place or floats but they are not working

    • one year ago
  3. eSpeX Group Title
    Best Response
    You've already chosen the best response.
    Medals 1

    What are you getting?

    • one year ago
  4. akhaliq99 Group Title
    Best Response
    You've already chosen the best response.
    Medals 0

    When I use the float after targeting one image with a id nothing happens

    • one year ago
  5. eSpeX Group Title
    Best Response
    You've already chosen the best response.
    Medals 1

    Do you have an example of your code?

    • one year ago
  6. akhaliq99 Group Title
    Best Response
    You've already chosen the best response.
    Medals 0

    here is my code: html <img id="good" src="tim.jpg" alt="Tim Berners-Lee" width="140px" height="140px"/> <img id="great" src="GraceHopper.jpg" alt="Grace Hopper" width="140px" height="140px"/> <img id="person" src="Ada.jpg" alt="Ada Lovelace" width="140px" height="140px"/> <img id="man" src="Babbage.png" alt="Babbage" width="140px" height="140px" align="right"/> css #person{ float:left; I images moves to the left actually but I want it to move to the bottom of the other image

    • one year ago
  7. akhaliq99 Group Title
    Best Response
    You've already chosen the best response.
    Medals 0

    the css has a } at the end forgot to copy that

    • one year ago
  8. eSpeX Group Title
    Best Response
    You've already chosen the best response.
    Medals 1

    Shouldn't that be <div id="person"> <img src="Ada.jpg>?

    • one year ago
  9. eSpeX Group Title
    Best Response
    You've already chosen the best response.
    Medals 1

    Do you not float the div?

    • one year ago
  10. akhaliq99 Group Title
    Best Response
    You've already chosen the best response.
    Medals 0

    I could try it

    • one year ago
  11. akhaliq99 Group Title
    Best Response
    You've already chosen the best response.
    Medals 0

    although would that move all the images to the left

    • one year ago
  12. eSpeX Group Title
    Best Response
    You've already chosen the best response.
    Medals 1

    You have the tag #person that you are trying to float, yet the image is the only id I can see as person. Perhaps you want to put the whole section into a div and then float that, I am not sure exactly what the big picture is that you are trying to accomplish..

    • one year ago
  13. akhaliq99 Group Title
    Best Response
    You've already chosen the best response.
    Medals 0

    i tried it and something weird happened i got another border when i didnt specify that and all the images are inside it here is the code <div class="move"> <img src="tim.jpg" alt="Tim Berners-Lee" width="140px" height="140px"/> <img src="GraceHopper.jpg" alt="Grace Hopper" width="140px" height="140px"/> <img src="Ada.jpg" alt="Ada Lovelace" width="140px" height="140px"/> <img src="Babbage.png" alt="Babbage" width="140px" height="140px" align="right"/> </div> .move{ float:left; }

    • one year ago
  14. akhaliq99 Group Title
    Best Response
    You've already chosen the best response.
    Medals 0

    i am just trying to replicate that webpage so I need to put the images exactly like they are on that page.

    • one year ago
  15. eSpeX Group Title
    Best Response
    You've already chosen the best response.
    Medals 1

    And have you tried just using a bit of relative positioning to set the images where you need them?

    • one year ago
  16. eSpeX Group Title
    Best Response
    You've already chosen the best response.
    Medals 1

    That may interfere with the text if someone resized the window though.

    • one year ago
  17. akhaliq99 Group Title
    Best Response
    You've already chosen the best response.
    Medals 0

    how do I do that, I cant figure it out, would using a table be easier

    • one year ago
  18. eSpeX Group Title
    Best Response
    You've already chosen the best response.
    Medals 1

    Using a table would be easier because you would define them and put your images in, but your class might want you to use css specifically.

    • one year ago
  19. eSpeX Group Title
    Best Response
    You've already chosen the best response.
    Medals 1

    You could try positioning, here is a simple example. http://www.html.net/tutorials/css/lesson14.php

    • one year ago
  20. akhaliq99 Group Title
    Best Response
    You've already chosen the best response.
    Medals 0

    I think I can use tables because we haven't covered positioning yet. If that doesnt work then I will do positioning.

    • one year ago
  21. eSpeX Group Title
    Best Response
    You've already chosen the best response.
    Medals 1

    Well good luck with the table, should you try positioning then this w3 school link should help you. http://www.w3schools.com/cssref/pr_class_position.asp The "try it" link gives you a taste of where it will land on the page.

    • one year ago
  22. akhaliq99 Group Title
    Best Response
    You've already chosen the best response.
    Medals 0

    thanks, I think the table worked, I will just need to fix the spacing now and put text underneath

    • one year ago
  23. akhaliq99 Group Title
    Best Response
    You've already chosen the best response.
    Medals 0

    can I do that without using css

    • one year ago
  24. eSpeX Group Title
    Best Response
    You've already chosen the best response.
    Medals 1

    What, put text underneath?

    • one year ago
  25. akhaliq99 Group Title
    Best Response
    You've already chosen the best response.
    Medals 0

    like in the example, maybe I could use a p tag in inside the td tag

    • one year ago
  26. eSpeX Group Title
    Best Response
    You've already chosen the best response.
    Medals 1

    Sure, just add it in the same cell as the image and include a <br> or add another row beneath the image and put the text inside that.

    • one year ago
  27. akhaliq99 Group Title
    Best Response
    You've already chosen the best response.
    Medals 0

    It worked, although the text is not centered so maybe I will need to use margin after all but thanks for all your help

    • one year ago
  28. eSpeX Group Title
    Best Response
    You've already chosen the best response.
    Medals 1

    Any time, as for the centering, you can use the align=center tag to place it in the center of the cell.

    • one year ago
    • Attachments:

See more questions >>>

Your question is ready. Sign up for free to start getting answers.

spraguer (Moderator)
5 → View Detailed Profile

is replying to Can someone tell me what button the professor is hitting...

23

  • Teamwork 19 Teammate
  • Problem Solving 19 Hero
  • You have blocked this person.
  • ✔ You're a fan Checking fan status...

Thanks for being so helpful in mathematics. If you are getting quality help, make sure you spread the word about OpenStudy.

This is the testimonial you wrote.
You haven't written a testimonial for Owlfred.