Text and image alignment problem

	Home Register Search Help Login

Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Free FrontPage Templates

Search Forums

Recent Posts

Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Text and image alignment problem

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> Cascading Style Sheets >> Text and image alignment problem

Page: [1]


m@rio Posts: 13 Joined: 9/15/2005 Status: offline	Text and image alignment problem - 12/4/2007 1:04:57 I'm experiencing a text + image alignment problem. This page: http://www.plmeteo.info/station.php Look the way I want with text on the left and the image to the right using IE and FF But look bad using Opera The short line below the <h2>Informazioni su PLMeteo.Info</h2> title sound like a width problem that shrink the text below the line I checked the css back and forth but no way to find what's wrong, the code related to image alignment I suppose are the following: /* images / img { background: #FAFAFA; border: 1px solid #E5E5E5; padding: 5px; } img.float-right { margin: 5px 0px 10px 10px; } img.float-left { margin: 5px 10px 10px 0px; } / alignment classes / .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } / display and additional classes */ .clear { clear: both; } I'm looking for help from more experienced user, thanking in advance for any help! Mario


Tailslide Posts: 6295 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline	RE: Text and image alignment problem - 12/4/2007 3:02:28 The problem is that your div called main doesn't have a width but it's floated - all floats must have a width unless that width is implicit (e.g. with a photo) Give the div a width (even if just 100%) and it's fine. _____________________________ "My strategy is so simple an idiot could have devised it" Little Blue Plane Web Design \| Blood, Sweat & Rust - A Land Rover restoration project (in reply to m@rio)


m@rio Posts: 13 Joined: 9/15/2005 Status: offline	RE: Text and image alignment problem - 12/4/2007 15:00:23 Thanks for your coding help. Now the problem in Opera is fixed. My best greetings, Mario (in reply to Tailslide)


Tailslide Posts: 6295 Joined: 5/10/2005 From: Out here on the raggedy edge Status: offline	RE: Text and image alignment problem - 12/4/2007 15:14:32 no problem - hope you are well Mario _____________________________ "My strategy is so simple an idiot could have devised it" Little Blue Plane Web Design \| Blood, Sweat & Rust - A Land Rover restoration project (in reply to m@rio)

Page: [1]

All Forums >> Web Development >> Cascading Style Sheets >> Text and image alignment problem

Page: [1]

Jump to: 1

New Messages	No New Messages
Hot Topic w/ New Messages	Hot Topic w/o New Messages
Locked w/ New Messages	Locked w/o New Messages

Post New Thread

Reply to Message

Post New Poll

Submit Vote

Delete My Own Post

Delete My Own Thread

Rate Posts