divinedesigns1 Posted September 26, 2011 Share Posted September 26, 2011 ok i create a slideshow "from an tuts" which works pretty well with words, but when it comes to images it doesnt really center and keep the height that i want 0.o how do i fix this? or am i missing something, anywho ill go buggin around with it, n if i fix it ill show wat i did or explain wat i did but i would like some opinions tho i work better with opinions Link to comment Share on other sites More sharing options...
Drycodez Posted September 26, 2011 Share Posted September 26, 2011 Give the images the same height! Link to comment Share on other sites More sharing options...
divinedesigns1 Posted September 26, 2011 Author Share Posted September 26, 2011 Give the images the same height! was trying to avoid resizing the images but i guess i got no other choose huh? what about getting it to be in the middle of the slideshow? cause at the moment its to the left 0.o i try changing it but it keeps on messin up the dam buttons but ill try something and c if that works n let ya know Link to comment Share on other sites More sharing options...
Ingolme Posted September 26, 2011 Share Posted September 26, 2011 To center images, use text-align. To center them vertically, use vertical-align and set the line-height of the container to be equal to the height of the container. You can use CSS to apply a max-height to the images to make sure they don't exceed the height of the container. .gallery_container { height: 500px; line-height: 500px; text-align: center;}.gallery_container img { max-height: 490px;}<div class="gallery_container"> <img src="" alt=""></div> Link to comment Share on other sites More sharing options...
divinedesigns1 Posted September 26, 2011 Author Share Posted September 26, 2011 To center images, use text-align. To center them vertically, use vertical-align and set the line-height of the container to be equal to the height of the container. You can use CSS to apply a max-height to the images to make sure they don't exceed the height of the container. .gallery_container { height: 500px; line-height: 500px; text-align: center;}.gallery_container img { max-height: 490px;}<div class="gallery_container"> <img src="" alt=""></div> alrite thanks ill try that n let u know wat happen Link to comment Share on other sites More sharing options...
divinedesigns1 Posted September 26, 2011 Author Share Posted September 26, 2011 yaaaaaaaaaaaay i got it to work 0.o i use the max-height and since i was using the <p> tag i added an align to it which pushes the image to the center of the frame 0.o awwwww all smiley to me lol thanks guys Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.