gSaenz Posted December 1, 2009 Share Posted December 1, 2009 I'm trying to tab text so it's not on top of a background image. I'll try my best to explain.This is for a blog and using a template. The background image is set to repeat-y. I have a class code for the title to have another image (horizontal) under. I want the two images to touch, like it flows together, but the text to be tabbed away from the vertical image. Like so:I'm able to move the the text by way of padding, but this also moves my title image #content {float:left;width:651px;padding-left:49px;background:url(images/tronco.png) repeat-y left;}.title {color:#333;padding-bottom:5px;background:url("images/rama.png") no-repeat bottom left;} This is what it currently looks like using the above. But I want to have some room between the text and vertical bar. If I use padding-left, it moves the image with the text, also tried using backgrou-position:-value. Any suggestions on how to tab the text without moving the image? Link to comment Share on other sites More sharing options...
thescientist Posted December 1, 2009 Share Posted December 1, 2009 if you're using <p> tags, you could apply padding-left to the text that way, maybe? Link to comment Share on other sites More sharing options...
gSaenz Posted December 1, 2009 Author Share Posted December 1, 2009 Why did I not think of that. Perfect.Thank you Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.