PDA

View Full Version : Wrapping



TS2UK
Mar 4th, 2008, 08:30 AM
Hi, I'm trying to make the text in line with the iframe so that it wraps.
If someone could help me and tell me how to do it, I'll be glad! :D

SOURCE CODE:

<html>
<head><title>TS2UK.co.uk - For The Elite Simmer</title></head>
<body><center>

<style type="text/css"> body {background-color: transparent} </style>
<body bgcolor="222222">
<img src="LOGOUK.png"></img><br>
<img src="BANNERLINEUK.png"></img><br>
</center><br>
<font face="arial" size="3" color="FF00BB">
<style type="text/css">
a:link {color: #ff00bb;}
a:visited {color: #ff00bb;}
a:hover {color: #aaaaaa;}
a:active {color: #ff00bb;}
</style>
<div style="left: 0px; width: 100&#37;; position: relative; top: 0px;" width="650" align="right">
<iframe #TEXTESRC# wrap="hard" frameborder="1" style="font-face:Arial; font-size:12pt;" id="iView" height="220" width="650">
</iframe>
</div>

<a href="/Apparell">Apparell & Genetics</a><br>
<font size="2" color="aaaaaa">Clothing, Accessories, Jewelry, Make-up and stuff in Create A Sim (CAS)<br>
Item Count: 0 || Next Expected Updation: Unknown || Popularity: Quite</font><br><br>
<a href="/Community">Community Lots & Businesses</a><br>
<font size="2" color="aaaaaa">Hotels, Beaches, Restaurants & Caf&#233;s, Retail and more for your<br>
neighbourhood, for the lazy person or a person who likes the lots :O).<br>
Item Count: 0 || Next Expected Updation: Unknown || Popularity: Average<br><br></font>

<a href="/Residential">Residential Lots</a><br>
<font size="2" color="aaaaaa">Cute condo's, massive mansions, simply starter homes - we've got it all!<br>
Item Count: 0 || Next Expected Updation: Unknown || Popularity: Quite Popular<br><br></font>

<a href="/Furnishing">BuyMode & Interior</a><br>
<font size="2" color="aaaaaa">Need some better TV's, sofa's, appliances etc..? Come here!<br>
Item Count: 0 || Next Expected Updation: Unknown || Popularity: Overcrowding!!! :0<br><br></font>

<a href="/Building">Building & Exteriors</a><br>
<font size="2" color="aaaaaa">Ground Coverings, flowers, stairs and lots more!<br>
Item Count: 0 || Next Expected Updation: Unknown || Popularity: Average<br><br></font>

<a href="/Miscellaneous">Miscellaneous & Hacks</a><br>
<font size="2" color="aaaaaa">Didn't find what you came here for? It'll be here!! (Including Hacks)<br>
Item Count: 0 || Next Expected Updation: Unknown || Popularity: Quite</font>

effpeetee
Mar 4th, 2008, 08:36 AM
We really need all your code including the DOCTYPE.

Use the # in the header above to send your code.

Frank

TS2UK
Mar 4th, 2008, 08:37 AM
I cant because its on notepad and it doesnt have that. :(
And I thats the whole - Im just lazy and just go for WYSIWYG abit so the </html> things arnt important - it still works.

TS2UK
Mar 4th, 2008, 08:40 AM
Like that?

TS2UK
Mar 4th, 2008, 08:41 AM
What do u mean by doctype anyway? The thing thats at the start of webpages

effpeetee
Mar 4th, 2008, 08:41 AM
The # is in the header of the Post Reply form. Just cut the code from notepad anc paste into the
here

Frank

TS2UK
Mar 4th, 2008, 08:43 AM
Could u just tell me how to wrap the iframe to the text and what to add to the code

effpeetee
Mar 4th, 2008, 08:45 AM
What do u mean by doctype anyway? The thing thats at the start of webpages
Yes. A DOCTYPE is essential to let the browser know what version of HTML you have used to write your pages. No Doctype and the browser reverts to "Quirks" mode and you lose control of the outcome on screen.
There is a "Sticky" at the top of the CF page which will help you to select.

Frank

TS2UK
Mar 4th, 2008, 08:46 AM
whats cf?

rangana
Mar 4th, 2008, 08:46 AM
Doctype is important as to the correct rendering of your site (http://www.alistapart.com/articles/doctype/).

In your codes, remember that <style></style> tag should be inside the <head></head> tag.

The <body> tag should appear once only,,,and that is after the </head> tag.
To place the text in the left side of the iframe, this would easily be achieved using <div>. See the revision of your code:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head><title>TS2UK.co.uk - For The Elite Simmer</title>

<style type="text/css">
body{background:#222;color:#aaa;}
a:link {color: #ff00bb;}
a:visited {color: #ff00bb;}
a:hover {color: #aaaaaa;}
a:active {color: #ff00bb;}
</style>
</head>
<body>
<img src="LOGOUK.png"></img><br>
<img src="BANNERLINEUK.png"></img><br>
</center><br>
<font face="arial" size="3">
<div style="float:right">
<iframe #TEXTESRC# wrap="hard" frameborder="1" style="font-face:Arial; font-size:12pt;" id="iView" height="220" width="500px">
</iframe>
</div>
<div style="float:left;"
<a href="/Apparell">Apparell & Genetics</a><br>
<font size="2" color="aaaaaa">Clothing, Accessories, Jewelry, Make-up and stuff in Create A Sim (CAS)<br>
Item Count: 0 || Next Expected Updation: Unknown || Popularity: Quite</font><br><br>
<a href="/Community">Community Lots & Businesses</a><br>
<font size="2" color="aaaaaa">Hotels, Beaches, Restaurants & Caf&#233;s, Retail and more for your<br>
neighbourhood, for the lazy person or a person who likes the lots :O).<br>
Item Count: 0 || Next Expected Updation: Unknown || Popularity: Average<br><br></font>

<a href="/Residential">Residential Lots</a><br>
<font size="2" color="aaaaaa">Cute condo's, massive mansions, simply starter homes - we've got it all!<br>
Item Count: 0 || Next Expected Updation: Unknown || Popularity: Quite Popular<br><br></font>

<a href="/Furnishing">BuyMode & Interior</a><br>
<font size="2" color="aaaaaa">Need some better TV's, sofa's, appliances etc..? Come here!<br>
Item Count: 0 || Next Expected Updation: Unknown || Popularity: Overcrowding!!! :0<br><br></font>

<a href="/Building">Building & Exteriors</a><br>
<font size="2" color="aaaaaa">Ground Coverings, flowers, stairs and lots more!<br>
Item Count: 0 || Next Expected Updation: Unknown || Popularity: Average<br><br></font>

<a href="/Miscellaneous">Miscellaneous & Hacks</a><br>
<font size="2" color="aaaaaa">Didn't find what you came here for? It'll be here!! (Including Hacks)<br>
Item Count: 0 || Next Expected Updation: Unknown || Popularity: Quite</font>
</div>
</body>
</html>


See if it helps :D

TS2UK
Mar 4th, 2008, 08:48 AM
YEY!!! Thanks you!

rangana
Mar 4th, 2008, 08:49 AM
You're welcome!..Glad I could help. If you have time, you could study the code i've given you. It has a doctype and the link on post#10 will explain to you the essential of doctypes in every page.

Hope I shed some light.

..keep learning everyday :D

effpeetee
Mar 4th, 2008, 09:54 AM
CF is short for Coding Forums - that is this site.

By the way - WYSIWYG is the worst way to learn coding. I speak from experience. Learn to code by hand. That way you will learn the way to code properly.

Frank

rangana
Mar 4th, 2008, 10:04 AM
CF is short for Coding Forums - that is this site.

By the way - WYSIWYG is the worst way to learn coding. I speak from experience. Learn to code by hand. That way you will learn the way to code properly.

Frank

I agree. When I was in highschool, I use MS Frontpage and Dreamweaver for designing...I love it, but just like a script kiddie - I don't understand why this tags were in place as to why they were put there...and a number of questions.

At college, we are thought to use notepad, but i'm having notepad++. Just then I learned and began to grasp what the codes where and for what. :D