Thread: cant get to align right
Results 1 to 2 of 2
Related
-
How do I align Text in the same line? Forum: HTML Forum
Replies: 10 -
align right Forum: Myspace Forum
Replies: 5 -
How do I align two or more HTML tables? Forum: HTML Forum
Replies: 6 -
align Forum: CSS Forum
Replies: 2
-
10-17-2004, 02:57 PM #1
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>
-
10-17-2004, 03:23 PM #2
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 theicon to add to their reputation!
No support via email or private message - use the forums!
Before you ask, have you Searched?
Cloudjiffy- PaaS for Developers
10-05-2020, 12:30 AM in Web Hosting Forum