82 users online (0 members and 82 guests)  

> > > > cant get to align right

  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. 10-17-2004, 02:57 PM #1
    Luzer
    Luzer is offline
    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>
    Reply With Quote Reply With Quote
  2. 10-17-2004, 03:23 PM #2
    QuietDean
    QuietDean is offline
    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?


    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Tags for this Thread