Page 1 of 1

[Solved] HTML Guru Needed :|

PostPosted: Wed Dec 20, 2006 10:33 pm
Author: Frost
Ok guys... I'm about to the point of turning off the PC for good... seriously.

I have never hit such a stupid stump in html before. Ever.
Everyone keeps telling me I've spent too much time on the themes I've been making, and that I need to step back and start fresh etc... but I don't think so :-?

Code: Select all
<table>     <tr>         <td>             <img></td>         <td>         </td>         <td>             <img></td>         <td>         </td>         <td>             <img></td>     </tr>     <tr>         <td>             <img></td>     </tr>     <tr>         <td>             <img></td>     </tr></table>


Call me an idiot. Please.

PostPosted: Thu Dec 21, 2006 1:18 am
Author: ZacFields
what's not working about it?

I loaded it up on a test page (without the images of course) and it looked to me as if everything was working just fine.

Once I know what's the problem with it I can help you a little better. But without the images it appears as though everything looks good.

Zac

Re: HTML Guru Needed :|

PostPosted: Thu Dec 21, 2006 1:49 am
Author: Frost
I guess you have a point, the images would help...

It's just a simple header image with two images at 50% to stretch across any resolution. The code was originally produced by Imageready after I sliced the image made in photoshop.

Now I'm using the EXACT same code on a theme I'm building for IM 141 which can be seen in action, and "working" (in Firefox so far) [url=http]HERE[/url]

There it works just fine in FF, but not in IE... that was one problem I was facing. Then someone asked for me to try and make the exact same theme for PhpBB3 or "Olympus" when it hits final as well...

So I spent about 30 minutes changing some css, and grabbing the same images, and same code from the IM 141 theme and refreshed to view the progress and found it completely screwed.

You can view the "not working" pile of junk html header [url=http]HERE[/url]

I really have no idea why the hell it works on one, but not the other.
I'm pretty much going to throw this style out the window and start over on something else.

I think people would rather be able to keep the original little "logo" spot instead of a custom header anyways <img>

Re: HTML Guru Needed :|

PostPosted: Thu Dec 21, 2006 2:50 am
Author: evolver
There doesn't seem to be a problem...

[code]<table>    <tr>       <td>          <img src="http]
I just redirected the image-links to your site, and it seems to work fine...
However, these links seem different:
styles/fusion_tech/theme/images/
templates/fusion_tech/images/

Could it be just a link problem?
Or maybe you just putted that code at the wrong place...

Re: HTML Guru Needed :|

PostPosted: Thu Dec 21, 2006 3:20 am
Author: Frost
I just redirected the image-links to your site, and it seems to work fine...


Yea, here you used the links to my IM141 style that is working fine (In FF only)

If you change those links to reflect the ones used for the Olympus style you will probably see the image as you see it if you click the (not working one)

However, these links seem different:
styles/fusion_tech/theme/images/
templates/fusion_tech/images/


The links are different because of the difference in folders between Integramod and Phpbb3 or Olympus.

The real location would be:

Good (In FF only): http://www.black-fusion.com/templates/f ... der_blabla

This is because I have Integramod 141 Beta installed in the root directory playing around with the beta and messing with styles.

Bad (In all browsers): http://www.black-fusion.com/phpbb3/styl ... der_blabla

This is where I installed the latest beta of PhpBB3 Olympus to see how the new style system would be.

But like I said, I used the exact same code in both and one works, one doesnt.
If it matters, the new phpbb uses .html extensions and does away with .tpl files.

But both overall_header files are pretty much the same.... kind of...

Here is a screenshot of what I'm seeing.

Working:

[flash=,:2yyga3qm]http://black-fusion.com/working.jpg[/flash:2yyga3qm]

Not Working:

[flash=,:2yyga3qm]http://black-fusion.com/screwed.jpg[/flash:2yyga3qm]

----

The snippet of overall_header.tpl of the "Working"
Code: Select all
 <body><BEGIN>     <table>     <tr>     <td><span><b>{L_BOARD_DISABLE}</b></span></td>     </tr>    </table><END>  <table>     <tr>         <td>             <img></td>         </td>         </td>         <td>             <img></td>     </tr>     <tr>         <td>         <td>             <img></td>     </tr></table>  


The snippet of overall_header.html of the "Not Working"
Code: Select all
 <a></a><table>    <tr>       <td>          <img></td>       <td>       </td>       <td>          <img></td>       <td>       </td>       <td>          <img></td>    </tr>    <tr>       <td>          <img></td>    </tr>    <tr>       <td>          <img></td>    </tr></table>     <div>         <table>         <tr>             <td>  


If that helps any :-?

Re: HTML Guru Needed :|

PostPosted: Thu Dec 21, 2006 5:39 am
Author: evolver
OK, I've tried the other imagelinks.
Seems to works fine as well...[web:13s5xez8]http://www.stelplaats.be/columtest.html[/web:13s5xez8]
Works fine in IE and in Firefox.

I guess that the problem might be caused by a missing table-tag somewhere else...
This table is inside another table, check the other table...

It is strange to see the border in your example:
[flash=,:13s5xez8]http://black-fusion.com/screwed.jpg[/flash:13s5xez8]
There is some space between the border and the table, but no space where the image broke...

I could recreate this kind of broken image by changing the table's cellpadding or cellspacing above 0:
I placed it inside another table (black).
Like this:
[web:13s5xez8]http://www.stelplaats.be/columtest2.html[/web:13s5xez8]
Now this line is important:
Correct:
Code: Select all
<table>

border="0" cellpadding="0"

The problem can happen with]<table><table><table>[/code]
Or even without:
Code: Select all
<table>


But in my recreation, there's still space between the top border and the image, so it's also possible that your problem could be caused on the outside table by missing tags...
On your example there's a very thin line between the left white border and the image, but on the top I don't see one...

PostPosted: Thu Dec 21, 2006 7:37 am
Author: shedt_v
working or not, that's some amazing work you've got going there.

Looks amazing, i hope i can make themes half as good as that some day

:thumbs up dude

PostPosted: Fri Dec 22, 2006 12:06 am
Author: Frost
"shedt_v";p="18644" wrote:working or not, that's some amazing work you've got going there.

Looks amazing, i hope i can make themes half as good as that some day

:thumbs up dude


Thanks :grin:

Anyways, Evolver, I thought about the cellspacing thing, but they are all 0 :-?

Re: HTML Guru Needed :|

PostPosted: Fri Dec 22, 2006 2:20 am
Author: Mighty Gorgon
The problem is related to CSS...

[list type=decimal][*]Open the CSS
[*]FIND
[code]td {     padding]
[*]REPLACE WITH
[code]td {     padding][/list]

Try and let me know... <img>

Re: HTML Guru Needed :|

PostPosted: Sat Dec 23, 2006 10:23 pm
Author: Frost
Wow... :-?

Marking this solved and thanks to everyone who helped <img>


p.s. Haven't I seen you somewhere on a different forum Mighty Gordon?

PostPosted: Sun Dec 24, 2006 2:22 am
Author: Mighty Gorgon
"Frost";p="18687" wrote:p.s. Haven't I seen you somewhere on a different forum Mighty Gordon?

Mmmm... yes, maybe... I'm in phpBB world since 2001, plus I run my own phpBB communities... but I'm not going to spam this forum with free ads. <img>

Finally I would like just to remark that you can add STYLE tags in HTML to override the CSS rules... this may sometimes bereally useful if you don't want to create classes for everything or you want just to have one exception like in your case: you may want to preserve the padding for all CELLS but the headers.

The way to do it?

Easy...

Use the STYLE tag in this way:
[code]<td style="padding]

Or you may even override some hierarchy nested rules by adding negative values:
[code]<td style="padding]

This is the way I usually solve issues in templates without changing the CSS class.

Re: [Solved] HTML Guru Needed :|

PostPosted: Sun Dec 24, 2006 11:47 am
Author: Frost
Yes, that may help in my case alot, depending on how changing the css effected the rest of the site, I haven't had time to mess with it save for the error correcting because of the holidays... for everyone's favorite time of year.. it sure is a pain in the ass :mrgreen:

Re: [Solved] HTML Guru Needed :|

PostPosted: Sun Dec 24, 2006 12:37 pm
Author: Frost
Follow-Up:

I had to use it a little differently for it to work.

I removed the suggested edit on the .css and added:
[code]style="padding]

On each of the <td> in the header section and it worked great <img>

Re: [Solved] HTML Guru Needed :|

PostPosted: Sun Dec 24, 2006 3:11 pm
Author: Mighty Gorgon
Sorry... I forgot to add the colon :! :wink:

I've edited my post to fix it. <img>

Re: [Solved] HTML Guru Needed :|

PostPosted: Mon Dec 25, 2006 4:05 am
Author: Frost
Yea, if I wouldn't have been to narrow minded and stupid in the first place and looked in the css to begin with, none of us would have had to think about this :mrgreen:

Re: [Solved] HTML Guru Needed :|

PostPosted: Mon Dec 25, 2006 5:35 pm
Author: Helter
heres one for you... where id the break coming from under the links. This is only a rough html page. the only css is in the header

http://www.duiplayground.com/temp/

Re: [Solved] HTML Guru Needed :|

PostPosted: Mon Dec 25, 2006 11:15 pm
Author: Frost
Looks like there might be a missing ; somewhere after a space like...


Find:
Code: Select all
&nbsp


Fix it] [/code]

That's all I can think of, you should attach the source code <img>

PostPosted: Tue Dec 26, 2006 4:34 am
Author: Mighty Gorgon
"HelterSkelter";p="18724" wrote:heres one for you... where id the break coming from under the links. This is only a rough html page. the only css is in the header

http://www.duiplayground.com/temp/

There is an extra empty table which may be removed, plus there is unneeded code probably generated by an HTML editor.

I would suggest you to clean the HTML code with a text editor.

One important thing when you want cells with no spaces between is that you should not insert line breaks in the HTML code. I hate having non indented HTML code, but in some cases you need to kill all the spaces and line breaks to have a table with no spaces between cells in all browser. <img>

Re: [Solved] HTML Guru Needed :|

PostPosted: Wed Dec 27, 2006 10:42 pm
Author: Frost
I think I may have found your problem, after looking around I found a site that talks about the damn white space bugs in browsers. http://www.42inc.com/~estephen/htmlner/ ... ebugs.html

In this they talk about the same problem you're having with the space appearing between tables and/or images. Also they have a link if the problem includes borders(don't know if this is your case)

Anyways they say that if there is ANY space between the opening and closing of a td it "could" cause a white space.

Example:

Code: Select all
<TD><IMG></TD>


If you enter and go down a line to close the tag to keep it neat like me they say it will cause the white space. I looked at your most recent code and in one area I noticed several lines down between the opening and closing of a td and several with it being on the next line. They say you should do them all like this...

Code: Select all
<TD><IMG></TD>


Which to me is complete bullshit considering HTML has rules about white space and how browsers HAVE to render the code. Anyways I myself have been using space (quiet a bit) of space between tags and inside them for a long time and have never had this problem before. I mainly do it when I plan on adding something later or just to keep my code neat and easy to read.

Anyways, after looking I can't see a DAMN thing wrong with your code. I've never used that kind of java to add menu options before (and never got that cool looking arrow pointing affect (good job on that) before either lol) The only thing I could think of was to force the main bg to span all the way vertically with a 100% but you used .css with ]Edit: I really hope the script or quote error gets fixed soon because this page is &*%*# lol. I noticed my previous post about it got deleted but I hope someone important saw it and addresses it <img> [/b]

Re: [Solved] HTML Guru Needed :|

PostPosted: Wed Dec 27, 2006 11:01 pm
Author: Frost
I found something that might be part of the problem as well, don't know what this is or if it's just the spacer but whatever it is, is extending all the way down possibly "pushing" the second table lower..

[flash=,:3f74n0db]http://black-fusion.com/media/screenshots/question.jpg[/flash:3f74n0db]

Might have something to do with it :D

Re: [Solved] HTML Guru Needed :|

PostPosted: Thu Dec 28, 2006 5:18 am
Author: DjPorkchop
Uhhh Im learning alot from this post but MAJOR page error up top fellas. lol. Just an observation <img>

Re: [Solved] HTML Guru Needed :|

PostPosted: Thu Dec 28, 2006 8:52 am
Author: Helter
nice work, however, here is a prob. These tags must be on thier own line, or they will not work

<BEGIN>

<END>
<BEGIN>

<END>

Re: [Solved] HTML Guru Needed :|

PostPosted: Thu Dec 28, 2006 9:12 am
Author: Helter
ok, ive got it. Every link to be displayed while logged in must be inside one logged in tag. Every link to be displayed while logged out must be inside one logged out tag. the forum will remove the info that should not be displayed without adding a space. I wonder why I did not run into this prob when I made Polished Black.

Re: [Solved] HTML Guru Needed :|

PostPosted: Thu Dec 28, 2006 6:11 pm
Author: Frost
So did you get it sorted out?

I think something is going on with the browsers :?

Re: [Solved] HTML Guru Needed :|

PostPosted: Thu Dec 28, 2006 7:16 pm
Author: Helter
i got it sorted, but it may be the latest FF update that has changed a few things
http://duiplayground.com/IMPortal/index.php?

Re: [Solved] HTML Guru Needed :|

PostPosted: Fri Dec 29, 2006 4:00 am
Author: Frost
Yea, now that you mention it, seems like this all started around the time firefix busted out with another "critical" update forcing me to shut down my pc 8)

I got mine fixed too... thank god for .css
Seriously I'm going to marry css one day :D
http://www.black-fusion.com/index.html

Now just got to put all my forum stuff back <img>

PostPosted: Fri Dec 29, 2006 8:56 am
Author: tekguru
Looks good too - impressed!

Re: [Solved] HTML Guru Needed :|

PostPosted: Fri Dec 29, 2006 10:00 am
Author: Helter
thx Tek :) Im working on the 140 version of this script. If I ever fix the file permission issue, we can release both scripts to other webhosts.

Re: [Solved] HTML Guru Needed :|

PostPosted: Sat Dec 30, 2006 2:41 am
Author: Frost
Yep, I'm going to start doing all the templates with as much css as possible. I was using alot of javascript along with css on the last test site but all of the sudden they weren't compatible... That was along the same time as my original html problem so I got mad and erased the entire site 8)

P.S. I'm pretty pissed still at the fact that 3 of the most common mods refuse to work with each other. How many of you have ran into this problem...

> Categories Hierarchy 2.1.6
> Extreme Styles Mod
> Latest Color Group Mod

I will get them to work with each other eventually, and when I do, I'll personaly go to each author and suggest a comprimise.

The only problem now is the extreme styles admin area not showing up. I think it caches correctly however.. I'll start a new topic more about it if I get it to work. Then we could upgrade here... <img>

Re: [Solved] HTML Guru Needed :|

PostPosted: Sat Dec 30, 2006 8:57 am
Author: Helter
the prob is that eXtreme Styles and Color groups were written for phpbb. Once you install CH 2.1.* there is not enough phpbb left to even call it phpbb. It is now CH and all your mods need to be re-written for it

PostPosted: Fri Jan 05, 2007 2:06 am
Author: Mighty Gorgon
[quote=""Frost";p="18809""]
Yep, I'm going to start doing all the templates with as much css as possible. I was using alot of javascript along with css on the last test site but all of the sudden they weren't compatible... That was along the same time as my original html problem so I got mad and erased the entire site 8)

P.S. I'm pretty pissed still at the fact that 3 of the most common mods refuse to work with each other. How many of you have ran into this problem...

> Categories Hierarchy 2.1.6
> Extreme Styles Mod
> Latest Color Group Mod

I will get them to work with each other eventually, and when I do, I'll personaly go to each author and suggest a comprimise.

The only problem now is the extreme styles admin area not showing up. I think it caches correctly however.. I'll start a new topic more about it if I get it to work. Then we could upgrade here... :lol:

Regarding CH 2.1.* I agree with HelterSkelter... that mod adds too many things to phpBB, so most of the mods are not compatible with that. I had to rewrite some part of FAP to make it compatible with CH and add even a separate installation instruction file.

Regarding BBCodes you mentioned what are the features of your addon? <img>

Re: [Solved] HTML Guru Needed :|

PostPosted: Fri Jan 05, 2007 4:53 am
Author: Frost
Regarding BBCodes you mentioned what are the features of your addon? Rolling Eyes


I still haven't started it, but it's for image placement in posts, it will use thumbnails when someone posts the image, then when a user clicks the image, it will open in a new window for full size

some more features as well, i didn't make the .. script.. but I'm gunna make the mod out of the script. I just have to find a way to make images automatically go to thumbnail size

Edit: Yea, that is.. after I figure out how I'm supposed to make the mod look n all that, I realise that phpbb.com requires it all to be set up this way and that... I've made my own mods or tweaked others for me.. never made it into a releasable script

Anyone know where I can get documentation? lol