x10Hosting Member
I was unaware that it was considered dated to do coding without using a style sheet, but apparently...no one does it anymore. Well, I like it much better that way, so could someone tell me where to find (Or provide me with) the tags for positioning a piece of text on a page?
IE, I want this blurb of text to sit at...
top: 660px;
left: 290px;
height: 100px;
width: 330px;
WITHOUT using the stylesheet format, how would I just wrap the text in tags that tell it where to sit on the page?
x10 Elder
css can go between <style> tags:
HTML Code:<html> <head> <style> div {margin-top:660px;margin-left:290px;height:100px;width:330px;border:solid 1px blue;} div.special {font:solid 1px courier;color:#f00;} </style> </head> <body> <div>A block of text<div class='special'>Special box!</div></div> </body> </html>
Last edited by mattura; 11-06-2008 at 04:40 PM.
x10Hosting Member
Hmm...so what would that look like if the text was "I love bubbles! They are pretty!"
x10 Elder
Obviously it would look awesome. Well I'm sure you can imagine...
x10Hosting Member
o.O
It WOULD be pretty awesome, but using that formula you provided, where would the text fit in?
x10 Lieutenant
x10 Elder
If you don't want to use stylesheets (which are much preferred), you'll have to revert back to tablesOriginally Posted by MadameSkylark
I tend to use a mix of tables and .css for ease.HTML Code:<table> <tr> <td width="290"> </td> <td height ="600"> </td> </tr> <tr> <td> </td> <td width="330" height="100">I love bubbles! They are pretty!</td> </tr> </table>
x10Hosting Member
You don't have to use tables, not using a stylesheet doesn't automatically mean you need tables. You could use in-line styles, ie styles attached to the tags, taking the original code example, with inline styles, looks like this, not a table in sight...If you don't want to use stylesheets (which are much preferred), you'll have to revert back to tables
I tend to use a mix of tables and .css for ease.HTML Code:<table> <tr> <td width="290"> </td> <td height ="600"> </td> </tr> <tr> <td> </td> <td width="330" height="100">I love bubbles! They are pretty!</td> </tr> </table>
HTML Code:<html> <head> <title>Inline styles</title> </head> <body> <div style="margin-top:660px;margin-left:290px;height:100px;width:330px;border:solid 1px blue;"> A block of text <div style="font:solid 1px courier;color:#f00;"> Special box! </div> </div> </body> </html>
Posting Permissions
LinkBack URL
About LinkBacks
Reply With Quote
