Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 02-15-2009, 05:50 PM
mixelplik mixelplik is offline
Junior Member
 
Join Date: 02-14-09
Posts: 7
iTrader: 0 / 0%
Exclamation Pic Placement, Div tag trouble???

Hey Guys,

Here's the code

-----------------
<html>
<head>
<title>White Owl Astrology</title>

<STYLE type="text/css">
div.text {
overflow:auto;
height:425px;
width:500px;
color:000000;
text-align:left;
margin-right:2px;
margin-top:30px;
margin-bottom:2px;
font-family: verdana;
font-size:10pt;
scrollbar-face-color:#fcfcfc;
scrollbar-highlight-color:#fcfcfc;
scrollbar-3dlight-color:#fcfcfc;
scrollbar-darkshadow-color:#A6A6A6;
scrollbar-shadow-color:#A6A6A6;
scrollbar-arrow-color:#A6A6A6;
scrollbar-track-color:#A6A6A6;
position: relative;
}
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color:#000;
text-decoration: none;
}

a:hover {
color:#A6A6A6;
text-decoration: none;
}
a:active {
text-decoration: none;
color:#000;
}

.style2 {font-size: 9px}
</STYLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body bgcolor=fcfcfc text=000000>

<CENTER>
<TABLE width=800 height=600 border=0 cellspacing=0 cellpadding=0>
<TR>
<TD width=256><IMG src="left.jpg" border=0 vspace=0 hspace=0></td>
<TD width=544 valign=bottom align=right
background="right.jpg" style="background-repeat:no-repeat;">

<div id="navcontainer", align="center">
<ul id="navlist">
<li id="active">
<A HREF="index.html">Home</A> |
<A HREF="consultations.html">Consultations</A> |
<A HREF="monthly-forecast.html">Monthly Forecast</A> |
<A HREF="about-terri.html"><strong>About Terri</strong></A> |
<A HREF="Q-A.html">Q&amp;A</A>

</ul>
</div>
<div class="text"> Terri has been studying astrology since the late 70&rsquo;s. She brings both<br>
a spiritual and developmental perspective to the work, and seeks to engender trust in each person&rsquo;s innate gifts and talents. Her studies <br>
began in 1978, and she has continued her education with astrologers <br>
from New Mexico to California. She completed the Apprentice Program <br>
with Steven Forrest <a href="http://www.stevenforrest.com"><strong>www.StevenForrest.c om</strong></a> in 2003, and continued with the Sacred Heart Correspondence Course developed by Robert Blaschke <a href="http://www.earthwalkastrology.com"><strong>www.EarthWalkA strology.com</strong></a>.
<p> <br>
Astrology lies less in telling people what to do than encouraging them <br>
to trust themselves and the larger Universe. I hope you will use the information gained from your chart to navigate through both difficult <br>
and prosperous times. Strive to reach your goals and live the life that makes every day an adventure, by staying present with the Spirit of <br>
the Divine.</p>
<p> <br>
E-mail today to request a time and date for a personal session. <br>
</p>
<p><a href="mailto:whiteowlastrology@hotmail.com"><stron g>WhiteOwlAstrology@hotmail.com<br>
<br>
</strong></a><strong><em>&ldquo;And the day came, when the risk to remain tight in a bud was <br>
more painful than the risk to blossom.&rdquo; </em><br>
<em><br>
Anonymous</em></strong></p>
</div></td>
</tr>
</table>
</center>
<center class="style2">
Copyright &copy; 2009 White Owl Astrology
</center>
</body>

</html>

-------------------

I need to add a pic to the right of the first paragraph. I need the text to wrap cleanly against the pic with a tiny bit of white space between the pic and the paragraph. How do I do this?

Thanks so much,

M
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 02-16-2009, 11:00 AM
Izzmo's Avatar
Izzmo Izzmo is offline
v7n Mentor
 
Join Date: 11-01-03
Location: Kansas
Posts: 1,356
iTrader: 1 / 100%
You would use a "float" on the image.

To do this, setup a class or ID for the image and do either float: right or float: left to get the text to wrap it. And to have some space in between, just use the margin property on the image.

Do a http://www.Live.com search for "CSS float" for more information.
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
[Help] <Div> and Css trouble miaw Coding Forum 9 12-07-2007 08:31 PM
Is MSN in trouble? searchbliss Tech Talk 3 04-12-2007 05:27 AM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 08:27 AM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC