Announcement

Collapse
No announcement yet.

CSS Positioning Help

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • CSS Positioning Help

    I am currently trying to make a simple splash page, that involves 4 images (background/logo/english/french)

    Im currently trying to put the english/french on each side of the logo, and the logo centered in the middle. The problem is, when I resize the browser window, the images end up overlapping eatchother. Same as if I change my resolution.

    Here is the HTML/CSS:

    HTML Code:
    <body>
    <div id="container">
    
    <div id="sahel">
      <img src="spllogo.png"  alt="Spa Sahel Logo" />
    </div>
    <div id="english">
      <a href="eng.html" onMouseover="imageOn('english')" onMouseout="imageOff('english')"> <img src="english.png" name="english" border="0" /></a>
    </div>
    <div id="francais">
      <a href="fr.html" onMouseover="imageOn('francais')" onMouseout="imageOff('francais')"> <img src="francais.png" name="francais" border="0" /></a>
    </div>
    
    </div>
    
    </body>
    </html>
    Code:
    @charset "utf-8";
    /* CSS Document */
    html, body {
    	background-image: url(splbg.png);
    	border-style: none;
    	overflow: hidden
    }	
    #sahel{
    	position: relative;
    	top: 120px;
    	text-align: center;
    }
    #english {
    	position: absolute;
    	top: 274px;
    	left: 200px;
    }
    #francais {
    	position: absolute;
    	top: 274px;
    	right: 200px;
    }
    
    #container {
    	min-width: 100%;
    	width: 100%;
    	position: relative;
    }
    I would just like to make everything stay in place, rather than overlapping when the window is resized.

    and how would I optimize this for smaller resolutions? (I am viewing this at 1600x900)

    Thanks

  • #2
    What is the point of the container div? If you want to control the width, set a width on it.
    Swedish Meatball Pornography

    Comment


    • #3
      I put it in as a last ditch effort. It wasn't working before I put that in anyways.

      Comment

      Search

      Collapse

      Advertisement

      Collapse

      Latest Topics

      Collapse

      • B
        Reply to Where to learn illustrator?
        B
        For me the best way to learn most things is to just jump right in and start wrestling with it. When I can't figure something out, I'll look it up. It's not the case with everyone, but for me the frustration...
        Today, 05:00 PM
      • B
        Reply to Faithful Resume! I Wore My Kevlar!
        B
        The resume is well-done and creative, but it instantly pigeon-holes you as someone whose tastes run toward comic book art. This is great if you're looking for employment at a place looking for that kind...
        Today, 02:54 PM
      • Sinnoh
        Where to learn illustrator?
        Sinnoh
        Just got Illustrator and I couldn't be happier, however it seems really overwhelming from the videos I've seen. What is the best way to learn how to use it? Thanks
        Today, 02:36 PM
      • PrintDriver
        Reply to Faithful Resume! I Wore My Kevlar!
        PrintDriver
        The ''Goals'' you use are really stale. You are a designer. Of course you are seeking a position where you can use your skills. Otherwise you wouldn't be sending your resume. Instead of stating the obvious,...
        Today, 01:59 PM
      • PrintDriver
        Comment on What Illustrator version should I use?
        PrintDriver
        You certainly do not have to upgrade to the latest and greatest piece of software to keep up with the printers. We have to buy every single damned bleeding edge upgrade to keep up with designers who insist...
        Today, 01:43 PM

      GDF A division of Mediabistro Holdings Adweek | Mediabistro | Clio | Film Expo Group Contact Us | Terms of Use | Privacy Policy Copyright 2016 Mediabistro Holdings
      Working...
      X