Hey everyone. I've been working on this problem all day and I can't figure it out for the life of me. Please check out this site: LennoxDesigns . com <-- you'll have to erase the spaces cause I can't post live links yet. See how the logo has a plaid image on the left side? I need that image to continue all the way down the left side of the screen. I know it needs to be another image and that it's going to be a different element in the code, but I can't figure out how to add it! I've already moved the main content area over to the right side and changed the alignment on the menu to "right" What do I do? I've been hacking every file I can find and I can't get it. I've tried adding a module and that didn't work. I tried adding a right module and moving it's position to the left of "left module" but I realized I don't know how to do that after I started with that method. I tried a div, but I can't figure out how to make it tall and on the left of the menu. If anyone can help I'd sure appreciate it because I need this damn project finished! If all I need is a div and a style definition then please tell me where to put the div cause I can't figure it out. Oh, the cms is joomla and the template is the ja-purity one that comes with the standard joomla install. I've changed it a lot already, which is why you may not recognize it. Thanks ahead of time.
I don't think that will work. I'm pretty sure I have to edit the index.php and not just the css. I've been using firebug to work on the css and it seems like I'm going to have to edit one of the core files or figure out a way to move the "right" module to the left of the "left" module. Does anyone else have any ideas?
I need to know how to do it though, not what to do it in. I've opened the files in dreamweaver, but I don't know how to add the image to the left side. Does anyone know how to do this?
My understanding is that logo div is inside headerwrapper div (or header div), header div might be inside other div (I don't have the index.php infront of me).. This nesting causing the separation. I would try moving your logo div up one level, or relocate it to the body. I had similar problems before... And this was only way I could fix them - relocating the divs in question.
I don't want the logo to continue down the page, I would like to insert another image to the left of the nav bar so that it looks like the plaid is continuing down the page. Does anyone know how to do this?
Logo won't continue down the page if you'll define it's width, and can place images anywhere you want if you use absolute positioning and give them coordinates.
No I don't think you're understanding what I am trying to do. I don't want to do anything with the logo, or the header div. I just want to put an image to the left of the left navbar. Are you saying that I should use an abdiv for this? I guess I could try that, but I was hoping to stay away from absolute positioning to ensure that everything looks right on all screen resolutions.
Yes, I was misunderstanding that, I thought you wanted to run an image horizontally as " header background"... In the case of vertical image, I would use plaid strip in the the body background repeating vertically , and move the content to the right ... Otherwise, I don't see how to avoid absolute positioning... But what do I know..
yes, that's what I was thinking. I could probably just define the background image of the left most div in css right?
I probably would put background image in the body (as body background), and then move the ja-wrapper to the right by the image width.