cant get logo to stay inline with site title

#1 AnthonyJ

Group: Member
Posts: 105
Joined: 16-June 11
LocationSaint Paul, MN

Posted 05 December 2011 - 07:18 PM

Hi all,

I can't get my logo to stay put. If I move the logo within the logical div it moves my title down. It sounds like a float problem but it escapes me. Would you have a look?

<body>
<section class="container">
<section>
<h2>ARJ Communications & Technologies</h2>
<h3>Bringing art and science together</h3>
</section>
<header id="logo">
<img src="asset/arjcommunications.com 2011-12-3 10-56-19.png" alt="ARJ Communications" width="83" height="129" longdesc= "asset/arjcommunications.com 2011-12-3 10-56-19.png">

</header>

Thanks,

Anthony R. Jackson

#2 benjaminmorgan

Group: Member
Posts: 237
Joined: 18-September 11

Posted 05 December 2011 - 07:52 PM

Hopefully you have <section class="container"> closed.

.container {
width: /* total width */
}
.contaner section {
width: /* part width */
float: left;
}
#logo {
float: left;
width: /*other part of width */

I'm pretty sure that should work.

Things should be made as simple as possible, but not any simpler. -Albert Einstein

#3 Andrea

Group: Moderators
Posts: 5,498
Joined: 19-December 08
LocationSan Antonio, TX

Posted 06 December 2011 - 06:15 AM

Aside from any positioning issues - if Benjamin's solution doesn't work, post a link - we really need to see ALL the code (HTML and CSS), not just what's in the area - I noticed the file name you are using for the image:

arjcommunications.com 2011-12-3 10-56-19.png

This is the wrong way to name files and you're only asking for problems. There should only be ONE period in a file name, and that's the one just before the file extension, in this case, the 'png'. Also, spaces in file names can cause problems. so you might consider renaming all your images following basic file naming conventions.

a&b WebDesign