SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2002
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Integrated Reservoir Solutions

    I am building a web site at http://www.integrated-reservoir-solu...-solutions.htm and am using style sheets, I do not know how to get the logo at the top of the page to stay on the left using a style sheet, any help!!!!

  2. #2
    SitePoint Zealot
    Join Date
    Aug 2002
    Posts
    180
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    it's already in the top left

  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2002
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thats sort of by default, on some of the pages it stays in the middle and wont move unless I move it in the html, can it be done in the css code so it stays out of my html??
    Thanks

  4. #4
    SitePoint Zealot
    Join Date
    Aug 2002
    Posts
    180
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    <img border="0" src="logo.gif" style="position: absolute; left: 0; top: 0" width="300" height="150">

  5. #5
    SitePoint Enthusiast
    Join Date
    Aug 2002
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is my css code I have put your code in but it will not hack it, have I put it in right???
    thanks

    body { background-color: 330066; font-family: verdana; font-size: 12px; font-weight : normal; color:#FFFFFF }
    p { margin-left: 50px }
    p { margin-right: 50px }
    h1 { margin-left: 50px; margin-right: 50px; font-family: verdana; font-size:16pt }
    Td { font-family: verdana; font-size: 12px; font-weight : normal; color:#FFFFFF }

    {img¬_border="0"¬_src="logo.gif"¬_style="position:¬_absolute;¬_left:¬_0;¬_top:¬_0"¬_width="300"¬_height="150"}

    A:link { font-family: verdana; font-size: 12px; text-decoration: none; color: #FFFFFF }
    A:visited { font-family: verdana; font-size: 12px; text-decoration: none; color: #FFFFFF }
    A:hover { font-family: verdana; font-size: 12px; text-decoration: underline; color: #FF0000 }
    A:active { font-family: verdana; font-size: 12px; text-decoration: none; color: #FFFFFF }

  6. #6
    (****** or Deleted)
    Join Date
    May 2002
    Location
    Melbourne, Australia
    Posts
    299
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Nope you have added it wrong arbitor, try:

    Code:
    body  {
      background-color:#306;
      font-family:verdana;
      font-size:12px;
      font-weight:normal;
      color:#fff
      }
    
    p  {
      margin-left:50px;
      margin-right:50px;
      }
    
    h1  {
      margin-left:50px;
      margin-right:50px;
      font-family:verdana;
      font-size:16pt
      }
    
    td  {
      font-family:verdana;
      font-size:12px;
      font-weight:normal;
      color:#fff
      }
    
    img  {
      border-weight:0px;
      position:absolute;
      left:0px;
      top:0px;
      width:300px;
      height:150px;
      }
    
    a:link  {
      font-family:verdana;
      font-size:12px;
      text-decoration:none;
      color:#fff
      }
    
    a:visited  {
      font-family:verdana;
      font-size:12px;
      text-decoration:none;
      color:#fff
      }
    
    a:hover  {
      font-family:verdana;
      font-size:12px;
      text-decoration:underline;
      color:#f00
      }
    
    a:active  {
      font-family:verdana;
      font-size:12px;
      text-decoration:none;
      color:#fff
      }
    And in your HTML add:

    Code:
    <img src="logo.gif" alt="Logo Alternative Text" title="Tooltip" />
    You can change the position in the CSS file by changing the following lines:

    Code:
    left:0px;
    top:0px;
    Hope that helps

  7. #7
    SitePoint Enthusiast
    Join Date
    Aug 2002
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I put your code
    <img src="logo.gif" alt="Logo Alternative Text" title="Tooltip" /> in the html and the logo went missing what is that code for??

    Is there a way of adding more space around the logo so the text is at the top but to the right of the logo?
    I have uploaded the page at http://www.integrated-reservoir-solutions.co.uk for you to see where I went wrongggggg!

    Thanks for your valued time

  8. #8
    SitePoint Wizard Ian Glass's Avatar
    Join Date
    Oct 2001
    Location
    Beyond yonder
    Posts
    2,384
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Are you using Netscape 4? It has a tonne of trubble with CSS.

    Anyway, to get text to wrap arround your images, you can try:
    Code:
    <img id="logo" src="./logo.gif" alt="ReS" />
    
    And add this to your stylesheet:
    
    #logo {
     float: left;
    }
    Hope this helps! :-)

    ~~Ian


Bookmarks

Posting Permissions

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