Results 1 to 16 of 16
  1. #1
    Join Date
    Jan 2005
    Location
    North-East, Indiana
    Posts
    417

    [Working] Does this work in IE?

    http://icandydesigns.net/

    ok, the logo sits fine in FF and IE for me.

    It should sit on the left under the top links... he says in IE it sits in the middle and top by the links


    lemme know plz!

    Thanks in advance
    PHP5 / MySQL / CUSTOM TEMPLATING / CLEAN & MAINTAINABLE CODING
    WEB DEVELOPMENT via CUSTOM DESIGN / PROGRAMMING

  2. #2
    Join Date
    Feb 2006
    Location
    top: 50px; left: 200px;
    Posts
    213
    yes he is right he's using ie6 presumable
    Filefeed.net - Image Hosting -

  3. #3
    Join Date
    Dec 2007
    Location
    Atlanta, GA
    Posts
    187
    In IE 7 it is in the top right.
    - WireSix - Dedicated Servers, Custom Configurations, Colocation - Celebrating 5 years!

  4. #4
    Join Date
    Jan 2005
    Location
    North-East, Indiana
    Posts
    417
    Ok, how do I check if the user is using firefox.

    Say... in the header.php it will check for firefox, and if it doesn't it will redirect to "ie.php" and then I can tell them to download firefox???

    I really dislike IE, I used to use it, when I was like 15... and when I discovered Firefox I never looked back

    Plz help!

    Thanks in advance.
    PHP5 / MySQL / CUSTOM TEMPLATING / CLEAN & MAINTAINABLE CODING
    WEB DEVELOPMENT via CUSTOM DESIGN / PROGRAMMING

  5. #5
    Join Date
    Feb 2008
    Location
    Michigan, United States
    Posts
    80
    Quote Originally Posted by GetFreelanced View Post
    Ok, how do I check if the user is using firefox.

    Say... in the header.php it will check for firefox, and if it doesn't it will redirect to "ie.php" and then I can tell them to download firefox???

    I really dislike IE, I used to use it, when I was like 15... and when I discovered Firefox I never looked back

    Plz help!

    Thanks in advance.
    It doesn't work properly in opera either, you may want to take that into consideration. I would recommend against requiring users to download other software to view your website. Some of the first things I learned was to compromise and make it viewable to the largest audience out of the box. That means it works (not perfectly, obviously) between IE, Opera, Safari, FF, etc.

    Could it be something with your CSS? Would be easier if you posted it...

  6. #6
    Join Date
    Jan 2005
    Location
    North-East, Indiana
    Posts
    417
    First off, here is the header...

    PHP Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head profile="http://gmpg.org/xfn/11">
        <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
        <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->

        <title><?php wp_title(''); if (function_exists('is_tag') and is_tag()) { ?><?php _e('Tag Archive for '); ?><?php echo $tag; } if (is_archive()) { ?><?php _e(' Archive'); ?><?php } elseif (is_search()) { ?><?php _e(' Search for '); ?><?php echo $s; } if ( !(is_404()) and (is_search()) or (is_single()) or (is_page()) or (function_exists('is_tag') and is_tag()) or (is_archive()) ) { ?><?php _e(' at '); ?><?php ?><?php bloginfo('name'); ?></title>

        <style type="text/css" media="screen">
            @import url( <?php bloginfo('stylesheet_url'); ?> );
        </style>

        <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
        <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />

        <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
        <?php wp_get_archives('type=monthly&format=link'); ?>
        <?php wp_head(); ?>

    </head>

    <body>

    <div id="wrapper">

    <div id="header">

        <div class="search">
            <?php include (TEMPLATEPATH '/searchform.php'); ?>
        </div>

        <ul class="navmenu">
            <li class="<?php if ( is_home() or is_archive() or is_single() or is_paged() or is_search() or (function_exists('is_tag') and is_tag()) ) { ?>current_page_item<?php } else { ?>page_item<?php ?>"><a href="<?php echo get_settings('home'); ?>"><?php _e('Home'); ?></a></li>
            <?php wp_list_pages('sort_column=id&depth=1&title_li='); ?>
            <?php wp_register('<li>','</li>'); ?>
        </ul>
    <img src="<?php bloginfo('template_url'); ?>/images/logo.jpg" alt="" />
    </div><!-- End of #header -->

    <div id="content">
    Here is the CSS

    Code:
    /***********************
    *	Basics             *
    ***********************/
    body {
    	margin: 0;
    	padding: 0;
    	background: #001342 url(images/bg.gif) repeat-y 0 0;
    	font-size: 160%;
    	font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;
    	color: #5b9cff;
    }
    
    p, ul, ol {
    	line-height: 21px;
    }
    
    h1, h2, h3, h4, h5, h6 {
    	margin: 20px 0;
    	padding: 0;
        font-family: "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif;
    	color: #fff;
    }
    
    h1 {font-size: 160%;}
    h2 {font-size: 150%;}
    h3 {font-size: 140%;}
    h4 {font-size: 130%;}
    h5 {font-size: 120%;}
    h6 {font-size: 110%;}
    
    a:link,
    a:visited {
    	color: #cce0ff;
    	text-decoration: none;
    	}
    a:hover,
    a:active {
    	color: #cce0ff;
    	text-decoration: underline;
    	}
    
    .left {
    	float: left;
    	}
    .right {
    	float: right;
    	}
    .center {
    	clear: both;
    	margin: 0 auto;
    	}
    .alignleft {
    	float: left;
    	margin: 0 10px 0 0;
    	}
    .alignright {	
    	float: right;
    	margin: 0 0 0 10px;
    	}
    .clear {
    	clear: both;
    	}
    
    .alert {
    	font-weight: bold;
    	color: #fff;
    	}
    
    textarea,
    input {
    	border: 1px solid #051236;
    	background: #fdfdff url(images/input_bg.gif) repeat-x 0 0;
    	color: #000;
    	}
    textarea:focus,
    input:focus {
    	border: 1px solid #ffc000;
    	}
    label {
    	display: block;
    	font-size: 110%;
    	font-weight: bold;
    	}
    
    blockquote {
    	background: #071c50 url(images/blockquote.gif) no-repeat 16px 8px;
    	border: 1px solid #00103a;
    	margin: 0;
    	padding: 0 25px 0 64px;
    	color: #2f59a4;
    	}
    code {
    	font-family: "Courier New", Courier, Fixed;
    	background: #071c50 url(images/code.gif) no-repeat 0 0;
    	border: 1px solid #00103a;
    	margin: 0;
    	padding: 8px 25px 8px 64px;
    	color: #2f59a4;
    	}
    
    
    
    /***********************
    *	Wrapper            *
    ***********************/
    
    #wrapper {
    	float: left;
    	width: 100%;
    	min-width: 1000px;
    	height: 100%;
    	overflow: hidden;
    	font-size: 12px;
    	}
    
    
    /***********************
    *	Header             *
    ***********************/
    #header {
    	width: auto;
    	height: 220px;
    	margin: 0 0 0 150px;
    	padding: 0;
    	background: #4376c9 url(images/header.gif) repeat-x 0 0;
    	border-bottom: 6px solid #b1e100;
    	position: relative;
    	}
    
    
    /* Search */
    #header .search {
    	position: absolute;
    	top: 13px;
    	right: 0;
    	}
    #header .search p {
    	margin: 0;
    	}
    	input#s {
    		width: 255px;
    		height: 18px;
    		line-height: 100%;
    		margin: 0 32px 0 0;
    		padding: 2px 2px 0;
    		}
    
    /* Navmenu */
    #header ul.navmenu {
    	margin: 0;
    	padding: 0;
    	list-style-type: none;
    	}
    #header ul.navmenu li {
    	float: left; /* Stupid IE */
    	margin: 0 0 0 25px;
    	}
    #header ul.navmenu li a {
    	float: left;
    	line-height: 38px;
    	border-top: 5px solid #4a7fd1;
    	color: #5b9cff;
    	}
    #header ul.navmenu li a:hover {
    	text-decoration: none;
    	border-top: 5px solid #75a5f0;
    	color: #fff
    	}
    #header ul.navmenu li.current_page_item a {
    	border-top: 5px solid #b1e100;
    	color: #fff;
    	}
    #header ul.navmenu li.current_page_item a:hover {
    	border-top: 5px solid #b1e100;
    	text-decoration: none;
    	}
    
    #header h1,
    #header img.logo {
    	position: absolute;
    	left: 40px;
    	top: 90px;
    	border: none;
    	}
    #header h1 {
    	font-size: 200%;
    	}
    #header h1 a {
    	color: #fff;
    	}
    
    /***********************
    *	Content            *
    ***********************/
    
    #content {
    	float: left;
    	width: 60%;
    	min-width: 600px;
    	height: 100%;
    	overflow: hidden;
    	}
    
    .post {
    	clear: both;
    	}
    
    .post-meta {
    	float: left;
    	width: 150px;
    	height: 100%;
    	background: transparent url(images/separator_meta.gif) no-repeat left top;
    	}
    .post-meta a:link,
    .post-meta a:visited,
    .post-meta a:hover,
    .post-meta a:active {
    	color: #fff;
    	}
    
    	.post-date {
    		display: block;
    		margin: 25px 0 0 0;
    		padding: 0 0 0 15px;
    		background: transparent url(images/indicator_date.gif) no-repeat right 2px;
    		color: #001342;
    		}
    
    	.post-cmts {
    		display: block;
    		padding: 8px 15px 0;
    		}
    	
    	p.post-tags,
    	ul.post-tags {
    		margin: 5px 0;
    		padding: 0 15px;
    		list-style-type: none;
    		}
    	p.post-tags a,
    	ul.post-tags li {
    		background: transparent url(images/icon_tag.gif) no-repeat left center;
    		padding: 0 0 0 20px;
    		}
    	ul.post-tags li a:link,
    	ul.post-tags li a:visited,
    	ul.post-tags li a:hover,
    	ul.post-tags li a:active,
    	p.post-tags a:link,
    	p.post-tags a:visited,
    	p.post-tags a:hover,
    	p.post-tags a:active {
    		color: #6fa2e5;
    		}
    
    	.post-edit {
    		padding: 0 15px;
    		}
    
    .post-main {
    	margin: 0 0 0 150px;
    	}
    
    	.post-title {
    		margin: 0;
    		padding: 20px 25px 0;
    		background: transparent url(images/separator_title.gif) no-repeat left top;
    		color: #fff;
    		}
    	.post-title a:link,
    	.post-title a:visited,
    	.post-title a:hover,
    	.post-title a:active {
    		color: #fff;
    		}
    
    	.post-entry {
    		padding: 0 0 0 25px;
    		text-align: justify;
    		}
    	.post-entry a {
    		color: #cce0ff;
    		background: #071c50;
    		border: 1px solid #00103a;
    		padding: 1px 4px;
    		}
    	.post-entry a:hover,
    	.post-entry a:active {
    		text-decoration: none;
    		color: #fff;
    		background: #0f2b6f;
    		}
    
    	.post-entry img {
    		border: 5px solid #000d32;
    		}
    	.post-entry img.wp-smiley {
    		border: none;
    		}
    
    
    .pagenavi,
    .pages {
    	margin: 0 0 0 150px;
    	padding: 25px;
    	line-height: 220%;
    	font-size: 90%;
    	}
    .pagenavi span,
    .pagenavi a {
    	border: 1px solid #00103a;
    	background: #071c50;
    	padding: 3px 10px;
    	}
    .pagenavi a:hover {
    	background: #0f2b6f;
    	text-decoration: none;
    	color: #fff;
    	}
    
    .pages {
    	margin: 0 0 25px 150px;
    	}
    .pages .older {
    	float: left;
    	}
    .pages .newer{
    	float: right;
    	}
    .pages .older a,
    .pages .newer a {
    	border: 1px solid #00103a;
    	background: #071c50;
    	padding: 3px 10px;
    	}
    .pages .older a:hover,
    .pages .newer a:hover {
    	background: #0f2b6f;
    	text-decoration: none;
    	color: #fff;
    	}
    
    
    /***********************
    *	Sidebar            *
    ***********************/
    
    #sidebar {
    	float: left;
    	width: 40%;
    	min-width: 400px;
    	height: 100%;
    	padding: 0 0 30px 0;
    	}
    
    #sidebar h2 {
    	margin: 20px 0 10px;
    	}
    
    #sidebar ul,
    #sidebar ol {
    	margin: auto 0;
    	padding: 0;
    	list-style-type: none;
    	}
    
    /* Left Sidebar */
    #sidebar1 {
    	float: left;
    	width: 60%;
    	height: 100%;
    	overflow: hidden;
    	}
    
    	#sidebar1 .sb1 {
    		width: 80%;
    		margin: 0 auto;
    		}
    	#sidebar1 .sb1 a {
    		color: #fff;
    		}
    
    #sidebar1 .sb1 .rssfeeds {
    	width: 100%;
    	height: 144px;
    	background: #5a93e7 url(images/rss_bg.gif) repeat-x 0 0;
    	color: #001342;
    	position: relative;
    	}
    
    	img.rss-logo {
    		position: absolute;
    		top: 0;
    		right: 0;
    		border: none;
    		padding: 0;
    		}
    	p.rss-entries {
    		position: absolute;
    		top: 20px;
    		left: 20px;
    		background: transparent url(images/rss.gif) no-repeat left center;
    		padding: 0 0 0 48px;
    		margin: 0;
    		}
    	p.rss-comments {
    		position: absolute;
    		top: 80px;
    		left: 20px;
    		background: transparent url(images/rss.gif) no-repeat left center;
    		padding: 0 0 0 48px;
    		margin: 0;
    		}
    	p.rss-entries a,
    	p.rss-comments a {
    		font-weight: bold;
    		}
    
    li.recent-cmts {
    	clear: both;
    	padding: 15px 3%;
    	background: transparent url(images/separator_rct-cmt.gif) repeat-x left bottom;
    	line-height: 140%;
    	}
    li.recent-cmts:hover {
    	background: #00103a url(images/separator_rct-cmt.gif) repeat-x left bottom;
    	}
    
    /* Right Sidebar */
    #sidebar2 {
    	float: left;
    	width: 40%;
    	height: 100%;
    	overflow: hidden;
    	}
    	#sidebar2 .sb2 {
    		margin: 0 20px 0 0;
    		}
    	#sidebar2 .sb2 a {
    		color: #5b9cff;
    		}
    
    #sidebar2 .sb2 ul ul li {
    	background: transparent url(images/icon_list.gif) no-repeat 0 6px;
    	padding: 0 0 0 20px;
    	}
    
    
    
    
    /***********************
    *	Comments           *
    ***********************/
    
    h2#comments,
    h2#postcomment {
    	color: #fff;
    	}
    h2#comments span,
    h2#postcomment span {
    	color: #5b9cff;
    	}
    h2#postcomment {
    	padding: 20px 0 0 0 !important;
    	padding: 0;
    	}
    
    ol#commentlist {
    	margin: 0;
    	padding: 0;
    	list-style-type: none;
    	}
    ol#commentlist li {
    	clear: both;
    	width: 100%;
    	float: left;
    	}
    ol#commentlist li.alt {
    	background: transparent url(images/separator_cmt.gif) repeat-y 0 0;
    	}
    
    
    .cmt-meta {
    	float: left;
    	width: 150px;
    	padding: 20px 0;
    	background: transparent url(images/separator_meta.gif) no-repeat 0 0;
    	}
    	.cmt-author {
    		display: block;
    		background: transparent url(images/indicator_date.gif) no-repeat right center;
    		padding: 0 15px;
    		font-weight: bold;
    		}
    	.cmt-author a:link,
    	.cmt-author a:visited,
    	.cmt-author a:hover,
    	.cmt-author a:active {
    		color: #fff;
    		}
    	.cmt-date,
    	.cmt-time {
    		display: block;
    		padding: 0 15px;
    		}
    
    .cmt-main {
    	margin: 0 0 0 150px;
    	background: transparent url(images/separator_title.gif) no-repeat 0 0;
    	position: relative;
    	}
    
    	img.cmt-gravatar {
    		border: 1px solid #051236;
    		background: #0b245b;
    		padding: 3px;
    		position: absolute;
    		left: 22px;
    		top: 22px;
    		}
    
    	.cmt-text {
    		margin: 0 0 0 80px;
    		padding: 8px 25px 8px 0;;
    		}
    
    
    .cmt-form {
    	margin: 0 0 0 150px;
    	padding: 0 0 0 25px;
    	clear: both;
    	}
    .cmt-form p {
    	font-size: 90%;
    	}
    .cmt-form p a {
    	color: #cce0ff;
    	}
    
    .cmt-info {
    	background: #071c50 url(images/icon_info.gif) no-repeat 16px center;
    	padding: 5px 0 5px 48px;
    	border: 1px solid #00103a;
    	color: #2f59a4;
    	}
    .cmt-info a:hover {
    	color: #fff;
    	text-decoration: none;
    	}
    
    input#author,
    input#email,
    input#url {
    	width: 98% !important;
    	width: 420px;
    	height: 20px;
    	padding: 2px 2px 0 2px; /* Hey LEMONed, what for? */
    	}
    textarea#comment {
    	width: 98% !important;
    	width: 420px;
    	height: 220px;
    	padding: 2px;
    	}
    input#submit {
    	width: auto;
    	height: 24px;
    	background: #071843 url(images/button.gif) repeat-x 0 0;
    	border: 1px solid #051236;
    	color: #fff;
    	}
    input#submit:focus {
    	border: 1px solid #ffc000;
    	}
    
    
    
    
    
    
    
    
    
    /***********************
    *	Bottom             *
    ***********************/
    
    #bottom {
    	clear: both;
    	margin: 0 0 0 150px;
    	}
    
    #bottom h2 {
    	padding: 0 5px;
    	}
    
    #bottom ul {
    	margin: 0;
    	padding: 0;
    	list-style-type: none;
    	}
    #bottom ul li {
    	line-height: 28px;
    	border-bottom: 2px solid #010d34;
    	}
    #bottom ul li a {
    	display: block;
    	width: auto !important;
    	width: 100%; /* Stupid IE */
    	background: transparent url(images/icon_link.gif) no-repeat 9px 9px;
    	padding: 0 28px;
    	color: #69abfc;
    	}
    #bottom ul li a:hover {
    	text-decoration: none;
    	background: #010716 url(images/icon_link.gif) no-repeat 9px 9px;
    	color: #fff;
    	}
    
    #bottom .bottom {
    	float: left;
    	width: 100%;
    	height: 100%;
    	margin: 0;
    	padding: 0 25px 25px;
    	background: #020a20;
    	}
    
    #bottom .bottom-left,
    #bottom .bottom-mid {
    	float: left;
    	width: 25% !important;
    	width: 20%; /* Stupid IE */
    	height: 100%;
    	margin: 0 25px 0 0;
    	background: #020a20;
    	}
    
    #bottom .bottom-right {
    	float: left;
    	width: 30%;
    	max-width: 300px;
    	}
    
    .flickr {
    	}
    
    .flickr img {
    	display: block;
    	border: 1px solid #adcbf0;
    	}
    .flickr a {
    	float: left;
    	background: #081b43;
    	padding: 4px;
    	border: 1px solid #051236;
    	margin: 5px;
    	}
    .flickr a:hover {
    	background: #0b245b;
    	}
    
    
    /***********************
    *	Footer             *
    ***********************/
    
    #footer {
    	clear: both;
    	width: 100%;
    	height: 100%;
    	margin: 0 0 0 150px;
    	padding: 20px;
    	background: #000;
    	}
    
    #footer a {
    	color: #fff;
    	}
    
    #footer p {
    	margin: 0;
    	line-height: 180%;
    	color: #fff;
    	}
    
    #footer p a.w3c {
    	background: transparent url(images/icon_valid.gif) no-repeat left center;
    	padding: 0 0 0 20px;
    	margin: 0 10px 0 0;
    	color: #538ee8;
    	}
    #footer p a.credit {
    	background: transparent url(images/icon_copy.gif) no-repeat left center;
    	padding: 0 0 0 20px;
    	margin: 0 10px 0 0;
    	color: #538ee8;
    	}
    
    
    
    /***********************
    *	Archives           *
    ***********************/
    
    #archives {
    	width: 100%;
    	}
    
    #archives ul {
    	margin: 0 0 25px 0;
    	padding: 0;
    	list-style-type: none;
    	width: 100%;
    	border-top: 1px solid #000a2a;
    	border-bottom: 1px solid #001e52;
    	}
    #archives ul li {
    	border-top: 1px solid #001e52;
    	border-bottom: 1px solid #000a2a;
    	line-height: 250%;
    	}
    #archives ul li a {
    	display: block;
    	width: 100%; /* Stupid IE */
    	background: transparent url(images/icon_link.gif) no-repeat 10px center;
    	padding: 0 0 0 30px;
    	color: #5188db;
    	border: none;
    	}
    #archives ul li a:hover {
    	background: #051236 url(images/icon_link.gif) no-repeat 10px center;
    	text-decoration: none;
    	color: #fff;
    	}
    
    
    
    /***********************
    *	Links              *
    ***********************/
    
    #links {
    	width: 100%;
    	margin: 0 0 25px 0;
    	}
    
    #links ul {
    	margin: 0;
    	padding: 0;
    	list-style-type: none;
    	}
    
    #links ul ul li {
    	float: left;
    	line-height: 250%;
    	width: 24%;
    	margin: 0 1% 1% 0;
    	}
    #links ul ul li a {
    	border: 1px solid #00103a;
    	background: #071c50;
    	padding: 2px;
    	display: block;
    	text-align: center;
    	color: #5188db;
    	}
    #links ul ul li a:hover {
    	text-decoration: none;
    	background: #0f2b6f;
    	color: #fff;
    	}
    #links ul ul li > a[rel="friend"]:hover {
    	font-weight: bold;
    	}
    PHP5 / MySQL / CUSTOM TEMPLATING / CLEAN & MAINTAINABLE CODING
    WEB DEVELOPMENT via CUSTOM DESIGN / PROGRAMMING

  7. #7
    Join Date
    Jan 2005
    Location
    North-East, Indiana
    Posts
    417
    btw, I tried a <br> before the logo image, that didn't work either.
    PHP5 / MySQL / CUSTOM TEMPLATING / CLEAN & MAINTAINABLE CODING
    WEB DEVELOPMENT via CUSTOM DESIGN / PROGRAMMING

  8. #8
    Join Date
    Jan 2005
    Location
    North-East, Indiana
    Posts
    417
    Any ideas?
    PHP5 / MySQL / CUSTOM TEMPLATING / CLEAN & MAINTAINABLE CODING
    WEB DEVELOPMENT via CUSTOM DESIGN / PROGRAMMING

  9. #9
    Join Date
    Feb 2006
    Location
    top: 50px; left: 200px;
    Posts
    213
    Well maybe try wrapping the logo in its own div and position it relative to the header may work.?
    Filefeed.net - Image Hosting -

  10. #10
    Join Date
    Oct 2002
    Location
    Under Your Skin
    Posts
    5,875
    Quote Originally Posted by GetFreelanced View Post
    http://icandydesigns.net/

    ok, the logo sits fine in FF and IE for me.

    It should sit on the left under the top links... he says in IE it sits in the middle and top by the links


    lemme know plz!

    Thanks in advance
    I would note that I see the issue in both IE and FF... I see it is ie and FF when my browser is open all the way... if I reduce the monitor size, both ie and ff will send the graphic to the lest. My monitor is 1440 x 900.

    Was that all of your css files?
    Windows 10 to Linux and Mac OSX: I'm PARSECs better than you. Eat my dust!!!

  11. #11
    Join Date
    Oct 2002
    Location
    Under Your Skin
    Posts
    5,875
    Quote Originally Posted by hekwu View Post
    Was that all of your css files?
    Ahh... no, definitely not all your css files... you may want to at least post the header info... you have a lot going on in your stylesheet... very interesting.
    Windows 10 to Linux and Mac OSX: I'm PARSECs better than you. Eat my dust!!!

  12. #12
    Join Date
    Jan 2005
    Location
    North-East, Indiana
    Posts
    417
    Yes that is all of my CSS file, if you notice you can scroll down.

    the header is in there, its commented to show the header part

    I use 1024x768
    PHP5 / MySQL / CUSTOM TEMPLATING / CLEAN & MAINTAINABLE CODING
    WEB DEVELOPMENT via CUSTOM DESIGN / PROGRAMMING

  13. #13
    Join Date
    Apr 2006
    Posts
    557
    Completely off in Opera. You should wrap the logo in an H1 tag (semantically correct) and put an anchor tag inside that. That way you can put the text for your logo in the anchor tag, text-indent the text off the screen, and have a background image show up instead. The code in general is quite sloppy though, could really use a good cleanup.

  14. #14
    Join Date
    Jan 2005
    Location
    North-East, Indiana
    Posts
    417
    if you notice the blog post, it's a pre built template. I just downloaded it I liked it, it was pretty.
    PHP5 / MySQL / CUSTOM TEMPLATING / CLEAN & MAINTAINABLE CODING
    WEB DEVELOPMENT via CUSTOM DESIGN / PROGRAMMING

  15. #15
    Join Date
    Feb 2008
    Posts
    64
    Your HTML is semantically incorrect, you should fix it.

    But if you add the class="logo" to your image tag, that will probably fix it since you have defined a style for img.logo, but are not referencing it in your HTML. And the fact that it is right underneath floated elements may need to be fixed (clear:both), but I do not see why you are floating the li elements instead of display:inline

    You need to write semantic HTML, and then write your stylesheet.
    Last edited by clrockwell; 03-12-2008 at 04:14 PM.

  16. #16
    Join Date
    Jan 2005
    Location
    North-East, Indiana
    Posts
    417
    Thinking about getting a custom one made, but only got $100 bux
    PHP5 / MySQL / CUSTOM TEMPLATING / CLEAN & MAINTAINABLE CODING
    WEB DEVELOPMENT via CUSTOM DESIGN / PROGRAMMING

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •