Recent Topics

1 Aug 30, 2004 18:56    

I am having a problem with portions of the text in a post (randomly, not all posts), not being visible when the page loads, but if you scroll down then back up, the missing text appears. This is also happens with the comments & track-back links, along with the bottom border separating the posts.

Any suggestions as to what it might be?

I have made minor changes to the CSS, but just basic color and font size stuff.

2 Aug 31, 2004 18:49

Please post a URL where I can see the problem.

4 Sep 01, 2004 21:21

Isaac, Thanks for the help, but I have just decided to get rid of that skin. I have a couple others that I have been working on, and I will use one of those.

Thanks anyway.

5 Sep 02, 2004 13:02

I recently modified my custom.css to allow text wrapping around images placed in posts. The modifications are working OK!

Since that modification, I have random text disappearing in my posts.
It may require that you scroll the blog area to see the random text disappear.

Here's the url to my blog showing the random text disappearing.
http://www.baobabaesthetic.com/word/journal.html

Thanks in advance!

6 Sep 02, 2004 14:28

I didn't see any text disappear but I did see that your xhtml is invalid. You have a div inside a p. Apparently that's a nono. I have no idea if this is related to your problem but you might want to start addressing the issue by addressing your code.

Mozilla 1.7.1 or 2 by the way.

7 Sep 02, 2004 21:32

Thanks for the quick response.

The Xhtml error you describe may have something to do with it. I wasn't even aware that the code was invalid. How does one know?

I'm not too familiar with debugging code, much of the B2E modifications have come from the manual documentation and this support forum.

Is it obvious to locate the specific error you describe in my code?
Which file should I be looking in (the Custom.css file)?

Should I past a copy of the Custom.css code here for reference?
Maybe I didn't comment-out the code correctly?

[u]Commented-out code copied from below:[/u]
/* .bTitle {
color: #FF9900;
margin: 1ex 0;
} */

[u]Custom.css Code below[/u]


/* Designed by Fran?ois PLANQUE - http://fplanque.net/ */

@import url(../../rsc/basic.css);	/* Import basic styles */
@import url(../../rsc/img.css);	/* Import standard image styles */
@import url(../../rsc/blog_elements.css);	/* Import standard blog elements styles */
@import url(../../rsc/forms.css);	/* Import default form styles */
@import url(../../rsc/comments.css);	/* Import default comment styles */

body {
	background: #FFF url(img/bg.png) repeat-y 50% 0;
	padding: 0px;
	margin: 0px;
	color: #57666B;
	font: 84% Arial, Helvetica, sans-serif;
}

a {
	color: #636467;
}
a:visited {
	color: #C1C1C2;
}
a:hover {
	color: #FF9900;
}

h2 {
	color: #FF9900;
	font-size: 180%;
	margin: 0;
}
h3 {
	color: #FF9900;
	font-size: 120%;
}
h4 {
	color: #FF9900;
	font-size: 110%;
}

table.invisible
{
	margin: 1ex;
	border-collapse: collapse
}
table.invisible td
{
	padding: 0ex 1ex;
}
td.right
{
	text-align: right;
}
div#pageFooter {
	clear: both;
	background-color: #FFF;
	width: 738px;
	margin: 0 auto;
	padding: 0 0 1ex 0;
}
p.baseline {
	border-top: 1px solid #636467;
	text-align: center;
	font-size: 74%;
	color: #999;
	padding: 1ex;
	margin: 0;
}
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #636467;
}

div#wrapper {
	background: #fff url(img/bg_content.gif) repeat-y 0 0;
	width: 740px;
	margin: 0 auto;
	padding: 0;
}

div.pageHeader {
	padding: 1ex;
	margin: 0 1px 1ex 1px;
	border-bottom: 1px solid #636467;
	text-align: center;
	background: #FF9900;
}

h1#pageTitle {
	color: #FFF;
	font-size: 270%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul#bloglist {
	background-color: #FFF;
	border-bottom: 1px solid #636467;
	margin: 0 1px;
	padding: 0;
	list-style-type:none;
	padding: .5ex 0;
}
ul#bloglist li {
	border-right: 1px solid #636467;
	display: inline;
	padding: .5ex 1em;
}

a.BlogButton,
a.BlogButtonCurr {
	font-weight: bold;
	text-decoration: none;
}
a.BlogButton {
	color: #FF9900;
}
a.BlogButton:hover {
	text-decoration: underline;
	color: #636467;
}
a.BlogButtonCurr,
a.BlogButtonCurr:visited {
	color: #FF9900;
}
a.BlogButtonCurr:hover {
	text-decoration: underline;
	color: #636467;
}


.pageSubTitle {
	color: #fff;
	letter-spacing: 4px;
	text-align: center;
	vertical-align: middle;
	border: 0px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	font: 109% Arial, Helvetica, sans-serif;

}
div.stats{
	float: right;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 0px;
}

/* Styles for main area (left) */
h2 {
	margin: 1ex;
	border-bottom: 1px solid #636467;
}

/* Styles for posts */
.bPosts {
	float: left;
	width: 480px;
	overflow: hidden;
	/* background: #090;*/
}
.bPost, .bPostpublished
{
	background: #F8F8F8;
        clear: both;
	margin: 0 2.5ex;
	padding: 0;
	border-bottom: 1px solid #636467;
	/* border: 1px solid #78a; */
}
.bSmallHead {
	font-size: 80%;
	color: #999;
	margin: 2ex 0 1ex 0;
}
/* .bTitle {
	color: #FF9900;
	margin: 1ex 0;
} */
.bTitle 
{ 
   clear: both; 
   margin-top: 8px; 
   margin-bottom: 8px; 
}
.bText {
	margin-top: 0px;
	margin-bottom: 8px;
}
.bText img 
{ 
   float: left; 
   margin-right: 5px; 
   margin-bottom: 5px; 
}
.bSmallPrint
{
	clear: both;
	color: #999;
	font-size: 80%;
	margin: 1ex 0 2ex 0;
}

input.bComment, 
textarea.bComment
{
	background-color: #FFF;
	border: 1px solid #ccc;
	width: 97%;
	padding: 2px;
	margin: 0ex;
}
select.bComment		/* Used by the profile form */
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0ex;
}


/* Styles for stats */
div.statbloc
{
	float: left;
	width: 44%;
	margin: 0 0 2ex 1.5ex; 
	border: 1px solid #78a;
}
div.statbloc h3
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	color: #FFFFFF;
	text-align: center;
	background: #78a;
	padding: 1ex;
}

input.submit,
input.reset {
	background-color: #ddd;
	color: #78a;
	border: 1px solid #000;
	font-weight: bold;
	padding: 1px;
}

input.submit:hover {
	color: #000;
	text-decoration: underline;
}

/* Styles for sidebar (right) */
.bSideBar {
	width: 259px;	
	float: right;
	overflow: hidden;
	/* background: #900; */
}
.bSideItem {
	margin: 2ex;
	padding: 0 0 2ex 0;
	border-bottom: 1px solid #ddd;
}
.bSideItem ul {
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-type:square;
}
.bSideItem ul ul{
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.bSideItem form {
	margin-top: 0px;
	margin-bottom: 0px;
}
.dimmed
{
	color: #aaa;
	font-size: 84%;
}
input.SearchField
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: .5ex;
	width: 96%;
	margin: 0ex;
}

/* Calendar: */
caption.bCalendarCaption {
	border: 1px solid #ccc;
	background-color: #eee;
	border-bottom: 0;
}
table.bCalendarTable {
	border: solid 1px #ccc;
	border-collapse: separate; 
}
table.bCalendarTable tfoot td {
	background-color: #eee;
	border-top: 1px solid #ccc;
}
table.bCalendarTable tfoot a {
	text-decoration: none;
}
table.bCalendarTable tfoot a:hover {
	background-color: #78a;
	color: #fff;
}
th.bCalendarHeaderCell {
	color: #abc;
}
#bCalendarToday {
	background-color: #bce;
}

8 Sep 02, 2004 23:11

Having switched to Mozilla and doing the developers toolbar thingamajig (extension?) I've gotten spoiled by having a validation button among all the other groovy stuff. Nonetheless, you can just go to http://validator.w3.org/ and plug in your website url. I was told it was not valid HTML 4.0 - which surprised me because b2evo does it's thing as per xhtml 1.0 trans or strict at your discretion. [url=http://validator.w3.org/check?verbose=1&uri=http%3A//www.baobabaesthetic.com/word/journal.html]Your full page fails html 4 validation.[/url] Another groovy thing about Mozilla is right clicking to "view this frame only", but after doing that and asking for validation I see that you still got bugs. [url=http://validator.w3.org/check?verbose=1&uri=http%3A//www.baobabaesthetic.com/journal/]blog Blog part only fails for a div inside a p tag.[/url] Either way there are issues. I couldn't check your css because it freaks out when the html isn't cool. You might want to ditch the frame while you debug the blog part. that way you can look through the validator's complaints, attempt a correction and revalidate without having to work through the frame. You also might want to see if you experience the missing text issue when your blog is unframed just to be able to maybe rule it in or out of your solution.

Oh yeah. Validators are funny. Quite often pages are okay-fine but the validators throw a hissy fit. OTOH they can be pretty good debugging tools, especially when you have a wierd issue going on. Plus you can have 'valid code' that makes a LOUSY web. Go figure...

9 Sep 03, 2004 06:11

I think I may have figured it out.

Part of the original code to modify text to wrap around image is below


.bText 
{ 
   margin-top: 0px; 
   margin-bottom: 8px; 

I changed the 8px to 60px and ev'thing works out fine.

As far as the invalid xhtml. . . I did as you suggested with removing the frame and. . . it looks like it doesn't like a "resize innerwindow" action that I have in my html page. I'm using it to keep the window to a certain size whenever the page is loaded into the browser.

For example, if you resize the page after it's loaded and then refresh it will take the page back to the size according to the "resize innerwindow" action. I have it there for aesthetic purposes.


Form is loading...