17 replies [Last post]
d3vlabs
Offline
Regular
Last seen: 15 years 18 weeks ago
Joined: 2005-06-18
Posts: 11
Points: 0

If you want to look at the issue right away, skip all the way down to GOAL:, the text below is just to give more information

ISSUE:

SITE : http://www.catchmyDR1FT.com
Alt. URL : http://www.catchmyDR1FT.com

catchmyDR1FT.com. top right corner under the searchbox/date module and above the text ". 2.0 // codename :: champloo // re-launched 06.01.05" there is a BLACK horizontal line that's not supposed to be there.

TESTING:

Mozilla Firefox 1.0.4
IE 6.0
IE7 (CSS optimized)
Opera 8.0.2 beta
Konqueror (latest version)

WHAT's KNOWN:

At first I thought this was simply a line on the bottom of the header_bg.gif file which is used for the background of that area. Yet after close examination using zoom feature and replacing it with header_right_corner.gif ( file used on the very right side, next to header_bg.gif which doesn't have the black line on the bottom issue) I started looking elsewhere

My 2nd guess was a border "?" setting, yet after thorough search with notepad I found that all the border settings that could affect that area are set to "0"

My 3rd guess was that it's a the thickness of a table which contains that portion of the web site, yet after analyzing it with dreamweaver, I fail to see it being shown, in fact it is transparent.

My 4th guess was that this is a CSS issue and someone on #css irc channel suggested that this is a "image wrap" issue. I'm an amateur to CSS, so before messing up my code I decided to post here. By the way this is what the result for "wrap" on my template_css.css file gave ( just for info):

ul#mainlevel-nav li
white-space: nowrap;

.contentheading {
white-space: nowrap;

b]FILES:[/b]

If needed I will attach the following files for further analysis:

header_bg.gif (image used for background area of the problem)
index.php (front page's php file)
template_css.css (css file for the main page)

GOAL:

catchmyDR1FT.com has a black line in the rop right corner under the date module that needs to be removed.

SCREENSHOT:

Anonymous
Anonymous's picture
Guru

Image Wrap Issue?

Ah, I love the drift cars! Smile

But I hate tables for layout. Sad

Back on topic, I can not replicate your error.

d3vlabs
Offline
Regular
Last seen: 15 years 18 weeks ago
Joined: 2005-06-18
Posts: 11
Points: 0

Image Wrap Issue?

cms design uses tables Sad

you couldn't replicate the problem cause it's no longer there. Oups
a nice person on the forums solved it. was a quick css fix.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 30 weeks 6 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Image Wrap Issue?

However, I must complement you on the way you layed out your question. It makes a nice change, it really does Laughing out loud

Thanks Smile

Verschwindende wrote:
  • CSS doesn't make pies

Anonymous
Anonymous's picture
Guru

Image Wrap Issue?

thepineapplehead wrote:
However, I must complement you on the way you layed out your question. It makes a nice change, it really does Laughing out loud

Thanks SmileAgreed! Smile

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 7 years 13 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Image Wrap Issue?

TPH - you're slipping! I can't believe you've let an xml prologue (and a half finished one at that) go unmentioned. Maybe you need a holiday Wink

d3vlabs - if the cms allows you to remove this (<?xml version="1.0"?>) then you should do so as it will throw IE into quirks mode, which could cause you box model problems, depending upon the CSS methods used. The second occurence of the (full) prologue is a waste of code as it is in the wrong place, regardless of the IE issues.

Life's a b*tch and then you die!

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 30 weeks 6 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Image Wrap Issue?

:twisted:

As the problem was sorted, I didn't actually look at the page. I just congratulated on the layout. You've got to admit, it was helpful.

Verschwindende wrote:
  • CSS doesn't make pies

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 7 years 13 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Image Wrap Issue?

...very much so. I'll forgive you just this once but don't let the side down again Laughing out loud

Life's a b*tch and then you die!

d3vlabs
Offline
Regular
Last seen: 15 years 18 weeks ago
Joined: 2005-06-18
Posts: 11
Points: 0

Image Wrap Issue?

lol, that's my usualy style of posting when I have problems I can't solve. maybe I'll post more links to my work Oups

This was the fix btw ( add this line to template_css.css):

td {
background-repeat:repeat-x;
}

I used the image header_bg.gif as the repeat for background

Now the seperate issue that you mentioned:

<?php echo "<?xml version=\"1.0\"?>";
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<?php


defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>

I edited that to

defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

Am I good with this?

And yes I ran w3c xhtml/css/links validators on my page, but it seems that all the issues that occur are related to the cms structure, I fixed what I could however

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 7 years 13 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Image Wrap Issue?

I don't know anything about your CMS but that looks okay to me, provided you remove the unopened defined() line, leaving just this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

Life's a b*tch and then you die!

d3vlabs
Offline
Regular
Last seen: 15 years 18 weeks ago
Joined: 2005-06-18
Posts: 11
Points: 0

Image Wrap Issue?

removing this:

<?php 
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
?>

will break the site's layout, so I'm keeping it, the rest is gone thou. thanks

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 7 years 13 weeks ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Image Wrap Issue?

d3vlabs wrote:
removing this: [snip] will break the site's layout, so I'm keeping it, the rest is gone thou. thanks

I'm not sure why it should because all that line is doing is checking that a constant exists and then killing the script if it doesn't. I guess it is a security feature to ensure that the script is only run if other scripts have been run first, so by all means leave it in. But there is absolutely nothing there that should effect the layout.

Life's a b*tch and then you die!

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 30 weeks 6 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Image Wrap Issue?

 <?php echo "<?xml version=\"1.0\"?>"; 

needs removing, pronto!

Verschwindende wrote:
  • CSS doesn't make pies

d3vlabs
Offline
Regular
Last seen: 15 years 18 weeks ago
Joined: 2005-06-18
Posts: 11
Points: 0

Image Wrap Issue?

that should be long gone...what does it do exactly thou? just out of curiosity

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 4 hours 41 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9772
Points: 3854

Image Wrap Issue?

d3vlabs wrote:
that should be long gone...what does it do exactly thou? just out of curiosity

The xml declaration is only needed if you're serving the document as an xml type and are not using utf-8 or xml 1. For text/html it only causes IE to go into quirks mode. In fact, anything placed above the DTD will cause that, even a comment. As for why you don't want to be in quirks, see http://www.alistapart.com/articles/doctype/ .

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

d3vlabs
Offline
Regular
Last seen: 15 years 18 weeks ago
Joined: 2005-06-18
Posts: 11
Points: 0

Image Wrap Issue?

This is what I got for the code:

<?php 
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<?php if ( $my->id ) initEditor(); ?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<link rel="stylesheet" type="text/css" href="<?php echo $GLOBALS['mosConfig_live_site']; ?>/templates/<?php echo $cur_template; ?>/css/template_css.css" />
<link rel="shortcut icon" href="<?php echo $GLOBALS['mosConfig_live_site']; ?>/images/favicon.ico"/>
<?php 

After this the TEMPLATE CONFIGURATION follows, heavily edited by me Oups

Thanks to kk5st for informative link. Was a good read indeed.

Well as you can see " <?php echo "<?xml version=\"1.0\"?>"; " is gone.

2nd Part of the posted CODE is CMS specific and I assume this DOCTYPE:

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


should work properly.

Thank you once again to all those who replied, you guys opened my eyes to few things.

P.S Wondering if changing DOCTYPE to

XHTML 1.1 DTD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

will do site any good.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 1 week ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Image Wrap Issue?

May be a bit late now, but this article on serving XTHML with the correct mime types for PHP might be useful.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 30 weeks 6 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Image Wrap Issue?

Don't bother with the 1.1 Doctype; like the XML prolog, it's only useful for XML documents.

Stick with 1.0 strict, it's more than adequate.

Verschwindende wrote:
  • CSS doesn't make pies