Register - Login
Views: 99367700
 Main - Memberlist - Active users - Calendar - Wiki - IRC Chat - Online users
Ranks - Rules/FAQ - Stats - Latest Posts - Color Chart - Smilies		 04-23-22 04:57:51 PM
Jul - Projects and Creations - Layout code help New poll - New thread - New reply
Next newer thread | Next older thread
Lunaria

Moon Bunny! :3
Level: 139


Posts: 3421/5751
EXP: 31998577
For next: 468868

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 23 hours
Posted on 02-26-11 10:22:48 PM (last edited by Karis at 02-26-11 07:24 PM) Link | Quote
Right, my current layout have a leakage problem.
 
<style type="text/css">

.lunariaAA{background: url('http://dl.dropbox.com/u/9395043/Layouts/devils%20survivor%20BG.png') repeat-x top #000000; min-height:370px;}

.lunariaBB{ background: url('http://dl.dropbox.com/u/9395043/Layouts/devil%20survivor%20side2.png') no-repeat right top }

.lunariaCC{border:15px double #67263e;border-image:url(http://dl.dropbox.com/u/9395043/Layouts/devil%20survivor%20box.png) 

15 round;-moz-border-image:url(http://dl.dropbox.com/u/9395043/Layouts/devil%20survivor%20box.png) 

15 round;-webkit-border-image:url(http://dl.dropbox.com/u/9395043/Layouts/devil%20survivor%20box.png) 

15 round; min-height:270px; min-width:704px; max-width:704px; position:relative; top:30px; left:15px;}

</style><div class="lunariaAA"><div class="lunariaBB"><div class="lunariaCC"><div style="background:#000">

<font color="F0FFF0">



</font></div></div></div>


As you will see in the example of this post leaking too. The issue is the offset I did. (Using the position command) I used this as I wanted the box to be in the middle of the layout on the left side, aka, where it is. The issue with this is that if the post box expands by 30 pixels or more it will leak out 30 pixels below the post box. (But not any further.)

So I was wondering if anyone had a better idea to solve the whole offset thing. :<









-Expanding post box-

____________________
CB

Flippitty Flip
Level: 90


Posts: 451/2280
EXP: 6970611
For next: 217998

Since: 02-01-11

From: Canadaland

Since last post: 10.5 years
Last activity: 10.3 years
Posted on 02-26-11 11:21:45 PM Link | Quote 


 top:30px; left:15px;}

(near the end of the code)

I don't really know, but this sort of jumped out at me. One of my strange intuitions, don't take me too seriously on this though.

____________________
There are no words to describe the words i'm thinking of
Lunaria

Moon Bunny! :3
Level: 139


Posts: 3428/5751
EXP: 31998577
For next: 468868

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 23 hours
Posted on 02-26-11 11:31:17 PM Link | Quote
I know that's the reason the post box expands, I made the layout (with some help OFC) so it would be strange if I didn't. The issue is that this is a problem and I need a better solution for it offsetting the postbox from the top left corner.

____________________
Joe
Common spammer
🍬
Level: 111


Posts: 1901/3392
EXP: 14488253
For next: 380107

Since: 08-02-07

From: Pororoca

Since last post: 2 days
Last activity: 29 min.
Posted on 02-27-11 06:48:10 AM Link | Quote 
<style type="text/css">

.lunariaAA{color:#f0fff0;background:#000 url('http://dl.dropbox.com/u/9395043/Layouts/devils%20survivor%20BG.png') repeat-x top;min-height:370px;padding:30px 0px 30px 15px}

.lunariaBB{background:url('http://dl.dropbox.com/u/9395043/Layouts/devil%20survivor%20side2.png') no-repeat right top}

.lunariaCC{border:15px double #300;border-image:url(http://dl.dropbox.com/u/9395043/Layouts/devil%20survivor%20box.png) 

15 round;-o-border-image:url(http://dl.dropbox.com/u/9395043/Layouts/devil%20survivor%20box.png) 

15 round;-moz-border-image:url(http://dl.dropbox.com/u/9395043/Layouts/devil%20survivor%20box.png) 

15 round;-webkit-border-image:url(http://dl.dropbox.com/u/9395043/Layouts/devil%20survivor%20box.png) 

15 round;min-height:270px;min-width:704px;max-width:704px}

</style><div class="lunariaAA"><div class="lunariaBB"><div class="lunariaCC"><div style="background:#000">




</div></div></div></div>
Fixed, although you need to change the CSS classes to stop it from breaking when posts with this code and the old code are on the same page. (Also moved your font color to the top of the code and fixed some broken HTML.)

____________________
Lunaria

Moon Bunny! :3
Level: 139


Posts: 3430/5751
EXP: 31998577
For next: 468868

Since: 07-28-07

Pronouns: she/her
From: pile of fluff

Since last post: 68 days
Last activity: 23 hours
Posted on 02-27-11 11:59:14 AM Link | Quote




Test





Sweet, thanks for the help! ^^
































test


____________________
Next newer thread | Next older thread
Jul - Projects and Creations - Layout code help New poll - New thread - New reply


Rusted Logic
Acmlmboard - commit 47be4dc [2021-08-23]
©2000-2022 Acmlm, Xkeeper, Kaito Sinclaire, et al.

30 database queries.
Query execution time:  0.110129 seconds
Script execution time:  0.011270 seconds
Total render time:  0.121399 seconds


TidyHTML vomit below
line 1 column 1 - Warning: missing <!DOCTYPE> declaration
line 2 column 301 - Warning: unescaped & or unknown entity "&page"
line 119 column 11 - Warning: <form> isn't allowed in <table> elements
line 118 column 10 - Info: <table> previously mentioned
line 120 column 11 - Warning: missing <tr>
line 120 column 119 - Warning: missing </font> before </td>
line 124 column 16 - Warning: plain text isn't allowed in <tr> elements
line 120 column 11 - Info: <tr> previously mentioned
line 125 column 68 - Warning: missing </nobr> before </td>
line 141 column 68 - Warning: missing </nobr> before <tr>
line 147 column 35 - Warning: missing <tr>
line 147 column 50 - Warning: missing </font> before </td>
line 148 column 37 - Warning: unescaped & or unknown entity "&id"
line 147 column 187 - Warning: missing </font> before </table>
line 149 column 35 - Warning: missing <tr>
line 149 column 50 - Warning: missing </font> before </td>
line 149 column 91 - Warning: missing </font> before </table>
line 156 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 158 column 9 - Warning: missing <tr>
line 160 column 147 - Warning: <font> unexpected or duplicate quote mark
line 160 column 147 - Warning: <font> attribute with missing trailing quote mark
line 176 column 13 - Warning: missing <tr>
line 177 column 102 - Warning: unescaped & or unknown entity "&postid"
line 179 column 74 - Warning: <style> isn't allowed in <td> elements
line 179 column 9 - Info: <td> previously mentioned
line 179 column 887 - Warning: missing </font> before <blockquote>
line 180 column 985 - Warning: inserting implicit <font>
line 180 column 985 - Warning: missing </font> before <hr>
line 192 column 1 - Warning: inserting implicit <font>
line 179 column 789 - Warning: missing </div>
line 208 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 210 column 9 - Warning: missing <tr>
line 228 column 13 - Warning: missing <tr>
line 229 column 102 - Warning: unescaped & or unknown entity "&postid"
line 239 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 241 column 9 - Warning: missing <tr>
line 243 column 147 - Warning: <font> unexpected or duplicate quote mark
line 243 column 147 - Warning: <font> attribute with missing trailing quote mark
line 259 column 13 - Warning: missing <tr>
line 260 column 102 - Warning: unescaped & or unknown entity "&postid"
line 262 column 74 - Warning: <style> isn't allowed in <td> elements
line 262 column 9 - Info: <td> previously mentioned
line 262 column 789 - Warning: missing </div>
line 265 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 267 column 9 - Warning: missing <tr>
line 285 column 13 - Warning: missing <tr>
line 286 column 102 - Warning: unescaped & or unknown entity "&postid"
line 288 column 74 - Warning: <style> isn't allowed in <td> elements
line 288 column 9 - Info: <td> previously mentioned
line 303 column 9 - Warning: <div> isn't allowed in <table> elements
line 152 column 17 - Info: <table> previously mentioned
line 305 column 9 - Warning: missing <tr>
line 307 column 147 - Warning: <font> unexpected or duplicate quote mark
line 307 column 147 - Warning: <font> attribute with missing trailing quote mark
line 323 column 13 - Warning: missing <tr>
line 324 column 102 - Warning: unescaped & or unknown entity "&postid"
line 326 column 74 - Warning: <style> isn't allowed in <td> elements
line 326 column 9 - Info: <td> previously mentioned
line 373 column 17 - Warning: missing <tr>
line 373 column 17 - Warning: discarding unexpected <table>
line 376 column 35 - Warning: missing <tr>
line 376 column 50 - Warning: missing </font> before </td>
line 376 column 91 - Warning: missing </font> before </table>
line 378 column 35 - Warning: missing <tr>
line 378 column 50 - Warning: missing </font> before </td>
line 379 column 37 - Warning: unescaped & or unknown entity "&id"
line 378 column 187 - Warning: missing </font> before </table>
line 380 column 17 - Warning: discarding unexpected </textarea>
line 380 column 28 - Warning: discarding unexpected </form>
line 380 column 35 - Warning: discarding unexpected </embed>
line 380 column 43 - Warning: discarding unexpected </noembed>
line 380 column 53 - Warning: discarding unexpected </noscript>
line 380 column 64 - Warning: discarding unexpected </noembed>
line 380 column 74 - Warning: discarding unexpected </embed>
line 380 column 82 - Warning: discarding unexpected </table>
line 380 column 90 - Warning: discarding unexpected </table>
line 382 column 9 - Warning: missing </font> before <table>
line 394 column 25 - Warning: discarding unexpected </font>
line 403 column 37 - Warning: discarding unexpected </font>
line 381 column 1 - Warning: missing </center>
line 120 column 63 - Warning: <img> lacks "alt" attribute
line 125 column 19 - Warning: <td> attribute "width" has invalid value "120px"
line 125 column 93 - Warning: <img> lacks "alt" attribute
line 141 column 19 - Warning: <td> attribute "width" has invalid value "120px"
line 141 column 98 - Warning: <img> lacks "alt" attribute
line 148 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 148 column 246 - Warning: <img> proprietary attribute value "absmiddle"
line 160 column 11 - Warning: <img> lacks "alt" attribute
line 161 column 23 - Warning: <img> lacks "alt" attribute
line 161 column 64 - Warning: <img> lacks "alt" attribute
line 161 column 113 - Warning: <img> lacks "alt" attribute
line 161 column 163 - Warning: <img> lacks "alt" attribute
line 162 column 11 - Warning: <img> lacks "alt" attribute
line 172 column 15 - Warning: <img> lacks "alt" attribute
line 179 column 887 - Warning: <font> attribute "color" had invalid value "F0FFF0" and has been replaced
line 180 column 985 - Warning: <font> attribute "color" had invalid value "F0FFF0" and has been replaced
line 180 column 994 - Warning: <font> attribute "color" had invalid value "F0FFF0" and has been replaced
line 192 column 1 - Warning: <font> attribute "color" had invalid value "F0FFF0" and has been replaced
line 212 column 11 - Warning: <img> lacks "alt" attribute
line 213 column 22 - Warning: <img> lacks "alt" attribute
line 213 column 63 - Warning: <img> lacks "alt" attribute
line 213 column 112 - Warning: <img> lacks "alt" attribute
line 213 column 162 - Warning: <img> lacks "alt" attribute
line 214 column 11 - Warning: <img> lacks "alt" attribute
line 224 column 15 - Warning: <img> lacks "alt" attribute
line 243 column 11 - Warning: <img> lacks "alt" attribute
line 244 column 23 - Warning: <img> lacks "alt" attribute
line 244 column 64 - Warning: <img> lacks "alt" attribute
line 244 column 113 - Warning: <img> lacks "alt" attribute
line 244 column 163 - Warning: <img> lacks "alt" attribute
line 245 column 11 - Warning: <img> lacks "alt" attribute
line 255 column 15 - Warning: <img> lacks "alt" attribute
line 262 column 887 - Warning: <font> attribute "color" had invalid value "F0FFF0" and has been replaced
line 270 column 23 - Warning: <img> lacks "alt" attribute
line 270 column 64 - Warning: <img> lacks "alt" attribute
line 270 column 113 - Warning: <img> lacks "alt" attribute
line 270 column 163 - Warning: <img> lacks "alt" attribute
line 271 column 11 - Warning: <img> lacks "alt" attribute
line 281 column 15 - Warning: <img> lacks "alt" attribute
line 307 column 11 - Warning: <img> lacks "alt" attribute
line 308 column 23 - Warning: <img> lacks "alt" attribute
line 308 column 64 - Warning: <img> lacks "alt" attribute
line 308 column 113 - Warning: <img> lacks "alt" attribute
line 308 column 163 - Warning: <img> lacks "alt" attribute
line 309 column 11 - Warning: <img> lacks "alt" attribute
line 319 column 15 - Warning: <img> lacks "alt" attribute
line 379 column 44 - Warning: <img> proprietary attribute value "absmiddle"
line 379 column 142 - Warning: <img> proprietary attribute value "absmiddle"
line 379 column 246 - Warning: <img> proprietary attribute value "absmiddle"
line 388 column 25 - Warning: <img> lacks "alt" attribute
line 393 column 267 - Warning: <img> lacks "alt" attribute
line 149 column 50 - Warning: trimming empty <font>
line 180 column 985 - Warning: trimming empty <font>
line 373 column 17 - Warning: trimming empty <tr>
line 376 column 50 - Warning: trimming empty <font>
line 125 column 68 - Warning: <nobr> is not approved by W3C
line 141 column 68 - Warning: <nobr> is not approved by W3C
line 177 column 27 - Warning: <nobr> is not approved by W3C
line 229 column 27 - Warning: <nobr> is not approved by W3C
line 260 column 27 - Warning: <nobr> is not approved by W3C
line 286 column 27 - Warning: <nobr> is not approved by W3C
line 324 column 27 - Warning: <nobr> is not approved by W3C
Info: Document content looks like HTML5
Info: No system identifier in emitted doctype
Tidy found 136 warnings and 0 errors!


The alt attribute should be used to give a short description
of an image; longer descriptions should be given with the
longdesc attribute which takes a URL linked to the description.
These measures are needed for people using non-graphical browsers.

For further advice on how to make your pages accessible
see http://www.w3.org/WAI/GL.
You are recommended to use CSS to specify the font and
properties such as its size and color. This will reduce
the size of HTML files and make them easier to maintain
compared with using <FONT> elements.

You are recommended to use CSS to control line wrapping.
Use "white-space: nowrap" to inhibit wrapping in place
of inserting <NOBR>...</NOBR> into the markup.

About HTML Tidy: https://github.com/htacg/tidy-html5
Bug reports and comments: https://github.com/htacg/tidy-html5/issues
Official mailing list: https://lists.w3.org/Archives/Public/public-htacg/
Latest HTML specification: http://dev.w3.org/html5/spec-author-view/
Validate your HTML documents: http://validator.w3.org/nu/
Lobby your company to join the W3C: http://www.w3.org/Consortium

Do you speak a language other than English, or a different variant of
English? Consider helping us to localize HTML Tidy. For details please see
https://github.com/htacg/tidy-html5/blob/master/README/LOCALIZE.md