Welcome to Dream.In.Code
Getting Help is Easy!

Join 109,157 Programmers for FREE! Ask your question and get quick answers from experts. There are 1,025 online right now! We've got more than 500 tutorials and 2,000 snippets. Join and find out why Dream.In.Code is the #1 programming help community on the internet! Registration is fast and FREE... Join Now!



Text Align:

 
Reply to this topicStart new topic

Text Align:

Randall
post 25 Jun, 2008 - 08:17 AM
Post #1


New D.I.C Head

*
Joined: 26 Mar, 2008
Posts: 19

Hi there , im building a page where i want the text to be on the oppisite (right) side of the banner image and alternate text

here is my code
CODE

<style>
ul#mainNav{
    float: right;
    border-right: 0px solid #ffffff;
    list-style: none;
  }
  ul#mainNav li{
    float: left;
    border-left: 1px solid #000000;
  }
  ul#mainNav a{
    display: block;
    padding: 2px;
    width: 80px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
  }
  ul#mainNav a:hover{
    background: #ffffff;
    color: #000000;
  }
  </style>
</HEAD>

<BODY bgcolor="#000000">
<center>
<table width="740" border="0" cellpadding="0" cellspacing="0" >
  <tr>
    <td bgcolor="#ffffff" wrap=""><img src="header.jpg" >
Praesent pellentesque lobortis dui. Donec interdum. Phasellus eu orci in nisi semper volutpat. Proin mi. Pellentesque vel metus gravida lectus varius posuere. Ut nisi. Nunc blandit tortor quis nulla. Quisque bibendum pretium risus. Donec eget augue. Curabitur molestie. Maecenas luctus pretium nibh. Cras id lectus. Nulla eros. Aliquam sollicitudin consequat est. Proin velit sapien, iaculis sed, semper id, porta quis, nisl. In mattis ultricies est.
Cras non eros sed diam dictum mattis. Praesent et elit. Pellentesque a eros. Sed venenatis elementum sapien. Aenean nec massa. Proin quis libero et dui tempor suscipit. In hac habitasse platea dictumst. Donec sed mi. Morbi vel felis. Sed diam ligula, pellentesque in, ultricies sed, cursus sed, tellus. Sed faucibus, mauris sit amet euismod volutpat, purus mi molestie turpis, at tincidunt lorem mi a lectus. Vivamus venenatis augue sed pede. Curabitur quam leo, sollicitudin vel, dignissim a, bibendum quis, lacus. Phasellus tellus tortor, rutrum nec, luctus sit amet, aliquam nec, urna. Nam posuere. Morbi vel eros. Ut mattis lobortis elit. Vivamus ante. Praesent eget justo sed risus viverra auctor. Sed feugiat dictum nisi.
<div align="bottom">
<small>
<p>
<b>Vintage & Customised Clothing & Accessories.</b>
<br>
Suite 8/157 Upstairs - Centran Chambers<br>
Crown Street Mall, Wollongong 2500<br>
Ph: (02)4226 3341</p>
</small>
</div>
<tr>
<td>
<ul id="mainNav" align="top">
      <li><a href="index_home.htm"  title="Home">Home</a></li>
      <li><a href="index_about.htm"  title="About">About</a></li>
      <li><a href="index_gallery.htm" title="Threads">Gallery</a></li>
      <li><a href="index_contact.htm"  title="Contact">Contact</a></li>
    </ul>
    </td>
  </tr>
  </center>


can anyone help me out with the right align command.

Cheers.
User is offlineProfile CardPM

Go to the top of the page


level1
post 25 Jun, 2008 - 03:45 PM
Post #2


New D.I.C Head

*
Joined: 12 Jun, 2008
Posts: 34



Thanked 5 times
My Contributions


I'm not sure exactly the look you are going for but adding
CODE
align="left"
to your img might do what you want. You would then probably want do add something like
CODE
style="padding-right: 15px;"
to it as well.
Uggh, your html is old, the html I just wrote for you is old; but it gets the job done don't it!?
User is offlineProfile CardPM

Go to the top of the page

Fast ReplyReply to this topicStart new topic
Time is now: 9/5/08 05:33PM

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

Bye Bye Ads

Free DIC T-Shirt

T-Shirt Example

Related Sites

Monthly Drawing

Thumb Drive

Partners

Top Contributors

Top 10 Kudos This Month