| | |||||
| ||||||||
| Web Design Discussion Discussion of web design techniques, advice, browser issues, software, design firms. |
![]() | NamePros Design Contests | Forum Sponsorship |
| Join in on the FUN! You can start an affordable design contest and pick from entries talented members submit or you can enter a design contest for a chance to win CASH PRIZES! What are you waiting for? Get started in the fun TODAY! - Banners, Logos, Mascots, and MORE! (Please READ the design Contest section rules Prior to starting or entering a contest) | ||
![]() |
| | LinkBack | Thread Tools |
| | THREAD STARTER #1 (permalink) |
| NamePros Regular Join Date: Jul 2010
Posts: 447
![]() ![]() ![]() | photo alignment help I am stuck with trying to align a photo on my website. What is happening is it wants to align all the way to the left right next to my logo.logo pic -------------------------------------------------------------------------------------------------> where i need it This is the code: <!-- header --> <div id="header"> ????: NamePros.com http://www.namepros.com/web-design-discussion/670151-photo-alignment-help.html <div class="row-1"> <div class="logo"><a href="index.html"><img alt="" src="http://www.namepros.com/images/logo.jpg" /></a></div> <IMG SRC="http://www.namepros.com/images/main-feature-green.png" ALIGN=RIGHT> </div> The <right>pic</right> does not help either. How can I manually push it to the right?
__________________ Submit Articles - Article Directory - Find Articles Best Dropshipper Web Designer For Hire! Beckin Designs Free Calorie Counter Calorie Counter
Last edited by domainpush; 08-02-2010 at 12:05 PM.
|
| |
| | #2 (permalink) |
| Senior Member Join Date: Sep 2006 Location: London, UK
Posts: 1,900
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | I can think of two possible solutions: solution 1: <img src="http://www.namepros.com/images/main-feature-green.png" style="float:right;" > solution 2: <div id="header" style="position:relative;"> <img src="http://www.namepros.com/images/main-feature-green.png" style="position:absolute; right=0" > |
| |
| | THREAD STARTER #3 (permalink) |
| NamePros Regular Join Date: Jul 2010
Posts: 447
![]() ![]() ![]() |
__________________ Submit Articles - Article Directory - Find Articles Best Dropshipper Web Designer For Hire! Beckin Designs Free Calorie Counter Calorie Counter |
| |
| | #4 (permalink) |
| Forum Moderator ![]() Join Date: Aug 2006 Location: USA
Posts: 2,152
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | All you need to do is move the image (the floated element) BEFORE the logo in whichever div it belongs in - it looked like you wanted it in the header, but you could also put it in row-1. ????: NamePros.com http://www.namepros.com/showthread.php?t=670151 <div id="header"><img src="http://www.namepros.com/images/main-feature-green.png" style="float:right;"> <div class="row-1"> <div class="logo"><a href="index.html"><img alt="" src="http://www.namepros.com/images/logo.jpg" /></a></div> I changed it to an inline style instead of "align" (because align is deprecated), but that's not important. If you do use "Align", RIGHT should be in quotes: ALIGN="RIGHT"
__________________ Enlytend Solutions - Internet marketing and web development Was my advice helpful? Please consider a small donation to the National Canine Cancer Foundation - a tax deductible 501(c)(3)that directly funds cancer research |
| |