OZONE Asylum
Forums
XML - XSL - XSLT - XHTML - CSS - DOM
float/css problem
This page's ID:
21383
Search
QuickChanges
Forums
FAQ
Archives
Register
Edit Post
Who can edit a post?
The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.
Your User Name:
Your Password:
Login Options:
Remember Me On This Computer
Your Text:
Insert Slimies »
Insert UBB Code »
Close
Last Tag
|
All Tags
UBB Help
I suppose a madsci will move this to the CSS forum ? Relain : You seem to use an HTML editor called EditPlus. My advise is to drop it, since it generates a lot of messy things in your code. I won't go into details, but things like <acronym title="connectons to things you might like">links</acronym> remind me the fancy things Frontpage generates... Basically, your code isn't [i]that[/i] bad, but very messy and old-fashionned. For example, you can save size by writing your font detail in a p class instead of writing in every div you use. I corrected a few things, tested it and it seems to work. I didn't want to change too much your code though, but if there's something you don't understand post your question. [code]<body> <div class="links"> <p>some <span class="acronym">links</span> that i want toshare </p> <p><a href = "http://www.relain.co.uk">my site</a></p> </div> <div class="mainbox"> <h1>Hello everyone! </h1> <p>This is a little page that i'm hosting on our little network in our little house.</p> <p>ain't that grand! <a href = "http://www.photosoc.man.ac.uk">photosoc</a></p> <img src = "me2.jpg"> <p>I wish i was a small houseplant like dom is </p> </div> </body>[/code][code]body { font-family: Tahoma, Verdanna, Arial, sans-serif; background-color: #A6B69A; padding-bottom: 2%; padding-top: 2%; } p { font: 10pt "Tahoma"; color: #736A80; } .acronym { font-style: bold; text-decoration : underline; } .links { border: 1px solid #6E6E6E; padding-left: 1%; padding-right: 1%; border-right-width: 0; border-bottom: 3px; border-bottom-color: #5D5D5D; background-color: #DCDADC; float: left; margin-top: 2%; } .links p { font: 10pt "Arial"; color: black; } .links a:link{ display: block; background-color: #D3CFD3; letter-spacing: 5px; font-style: bold; padding-left: 4%; } .links a:hover{ background-color:#A6B69A; } a:link { text-decoration: none; color: teal; } a:hover { background-color: white; text-decoration: none; } .mainbox { background-color : DCDADC; font-weight: light; border: 1px solid #6E6E6E; border-right-width: 3px; border-right-color: #5D5D5D; border-bottom-width: 3px; border-bottom-color: #5D5D5D; width: 70%; padding-left: 5%; padding-right: 5%; padding-top: 2%; padding-bottom: 2%; float: left; } h1 { font: 24pt Tahoma bold; letter-spacing: 5px; text-align: center; display: block; background: white; border: 1px solid black; border-right-width: 3px; border-left-width: 10px; }[/code] ---- If wishes were fishes, we'd all cast nets. [url=http://www.ozoneasylum.com/5700] [img]http://moon.shadow.free.fr/images/sigs/index.php[/img] [/url] [small](Edited by [internallink=2913]Moon Shadow[/internallink] on 04-16-2004 06:08)[/small]
Loading...
Options:
Enable Slimies
Enable Linkwords
« Backwards
—
Onwards »