Link to home
Create AccountLog in
Avatar of breeze351

asked on

Left menu with a header image

I need to create something that looks like this
| Menu Item 1     | Image                                                                     |
| Menu Item 2     |                                                                                 |
| Menu Item 3     |                                                                                 |
| Menu Item 4     |                                                                                 |

I can't figure out how to display the menu items and still have the image for the logo displayed to the right.
Avatar of zephyr_hex (Megan)
zephyr_hex (Megan)
Flag of United States of America image

Link to home
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
You can also make the image a background-image of the menu item and position it right-center.
Avatar of breeze351


No Joy.  I copied your code and tried it.  The image appears below the menu!

<!DOCTYPE html><head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<link rel="stylesheet" type="text/css" href="Fred.css">

<div id="container">
  <div id="menu">
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
      <li>Item 4</li>
      <li>Item 5</li>
  <div id="image">
    <img src="Images/Lang_Logo.jpg"> </div>

Open in new window

#menu {

Open in new window

There must be a conflict with other styles. What is the base URL of your Fred.css and Images/Lang_Logo.jpg files? Or better yet, what is the URL to your test file if it's available remotely?
Were you able to locate the conflicting CSS?  If not, can you set up a Fiddle Demo that demonstrates the problem?
Got it thanks