34 users online (1 members and 33 guests)  


  Results 1 to 2 of 2

Related

  1. How do I align Text in the same line?    Forum: HTML Forum
    Replies: 10
  2. align right    Forum: Myspace Forum
    Replies: 5
  3. How do I align two or more HTML tables?    Forum: HTML Forum
    Replies: 6
  4. align    Forum: CSS Forum
    Replies: 2
  1. #1
    Luzer's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Jun 2003
    Posts
    35

    cant get to align right

    im trying to get my http://www.airideas.com/1.php to look like http://www.airideas.com/7days.php and my pictures are all ending up on the right side and they are on top of my nav bar.

    and how would i make my pictures in my nav bar "linkable"?

    Code:
    <html>
    <head>
    <style type="text/css">
    <!--
    #page {
    width: 735px;
    min-height: 535px;
    margin: 0 auto;
    border:1px solid #000;
    padding: 0px;
    background-color: #4169E1;
    }
    #topLeft {
    float: left;
    width: 560px;
    height: 75px;
    margin: 0 ;
    background-color: transparent;
    border: solid 1px #4169E1;
    }
    #topRight {
    float: right;
    width: 160px;
    height: 75px;
    margin: 0 ;
    background-color: transparent;
    border: solid 1px #4169E1;
    }
    #theNav {
    
    height: 21px;
    margin: 0px auto 0;
    background-color: transparent;
    border: solid 1px #4169E1;
    }
    #contain {
    float: left:
    margin-top: 50px;
    }
    #content {
    float: left;
    width: 570px;
    
    margin-left: 2px;
    margin-top: 0px;
    background-color: transparent;
    border: solid 1px #4169E1;
    }
    #text {
    float: right;
    width: 130px;
    margin-top: 0px;
    margin-right: 2px;
    margin-bottom: 0px;
    padding: 4px;
    background-color: transparent;
    border: solid 1px #4169E1;
    }
    #footer {
    width: 605px;
    margin-top: 20px
    background-color: transparent;
    border: solid 1px #4169E1;
    padding: 0px;
    clear: both;
    }
    #scrn {
    height: 535px; 
    float: right;
    width: 1px;
    }
    .cntr {
    text-align: center;
    }
    .rghtalign {
    text-align: right;
    }
    body {
    	background-color: #0033CC;
    }
    -->
    </style>
    </head>
    
    <body>
    <div id="page">
    <div id="scrn"></div>
    <div id="topLeft">
      <h1 class="cntr"><img src="images/7-days_03.gif" width="499" height="76" align="right"></h1>
    </div>
    <div id="topright"><h1 class="cntr"><img src="images/7-days_04.gif" width="168" height="76"></h1>
    </div>
    <div id="theNav" class="cntr"><img src="images/7days_12.gif" width="68" height="20"><img src="images/7days_13.gif" width="66" height="20"><img src="images/7days_14.gif" width="67" height="20"><img src="images/7days_15.gif" width="68" height="20"></div>
    <div id="contain">
    <div id="content"> 
      <div align="center">content
      </div>
    </div>
    <div id="text"><p>text text</p>
    <p style="font-size: .8em;">Left side
    </p>
    </div>
    </div>
    <div id="footer">Footer </div>
    </div>
    </body>
    </html>

  2. #2
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    Hiya,

    You can make an image a link by surrounding it with the anchor tags, eg:

    Code:
    <a href="thelink"><img src="theimage.jpg"></a>
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?



Tags for this Thread