www.webdeveloper.com
Results 1 to 2 of 2

Thread: Everything was fine, until I moved the image, then the tiny logo at the bottom went u

  1. #1
    Join Date
    Apr 2012
    Posts
    110

    Everything was fine, until I moved the image, then the tiny logo at the bottom went u

    Everything was fine, but then I moved the image down a bit as it was to close to the top.
    Only problem now is, the tiny logo at the bottom went to the top above the first image un derneath the paragaraph.

    I had;;
    .captionBox img {position:absolute:width:25%; top:400; left:330px; z-index-1;}
    .captionBox p{position:relative;bottom:10px; left:20px; z-index:1; color:gold; font-size:30px; width:900px; text-align: center;}

    #LOGO4 {position:absolute;left:30px;}
    I then changed the attribute in the.captionBox img{top:400px} (the px infront of the 400) Then the logo at the bottom moved above the Image.

    Then I changed #LOGO4 to {position:absolute;float:bottom;left:30px;top:700px;}

    <p><img src="../Pictures/logo4.png";width="30" height="40" alt="LOGO4".png"; class="LOGO4"/>

  2. #2
    Join Date
    Mar 2011
    Posts
    1,136
    First, lose the semi-colons from your HTML. HTML attributes use parameter_name="value". CSS uses colons and semi-colons, but they would only appear in your HTML if you were setting the 'style' attribute on an HTML element and it contained more than one CSS instruction.

    Second, post the code for the page or a link to your code. CSS positioning depends on the styling of the page as a whole, so it's impossible to see the problem based only on some snippets.

    Third, spend some time learning the fundamentals of HTML and CSS. You'll waste an enormous amount of time and energy just trying things until the seem to work rather than truly understanding them.
    Rick Trethewey
    Rainbo Design

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles