Forum Replies Created

Viewing 15 replies - 121 through 135 (of 143 total)
  • Since you already have it working to your saitisfaction on the main site, its not too much work to migrate it to your blog code. This would be the quickest solution using your existing dreamweaver code.

    • Copy over the TABLE ccode that holds the nav bar and place in header.php
    • Adjust paths for images referenced there (though it appears you have used absolute paths which is lucky)
    • Copy over the Dreamweaver generated block of javascript code in HEAD and place in HEAD of header.php and or where ever wordpress has a HEAD tag)
    • Copy over the BODY onload=”…” dreamweaver code into index.php (and or where ever wordpress has a BODY tag). Adjust paths for images referenced there

    you might also experience some probs with the CSS from the theme you’ve used adding extra spacing to your dreamweaver code – at a glance I didnt see any issues

    or ditch the whole thing, rework your image/design into an existing theme and use wordpress for your manually maintained HTML pages also

    #sidebar ul.dropdown li SELECT{
    	color:red;
    	border:1px solid blue;
    	background-color:#cccccc
    
    }

    though since you only seem to have the one dropdown select

    SELECT {
    	//css code here
    }

    would also do it

    styling the arrow is kind of possible but can lead to lots of cross-browser fun

    z

    I think what you’re trying to do is probably outside the scope of how widgets operate.

    Probably best done with the creation of a custom template for each category. Not hard but would require a little bit of PHP/HTML.

    OK do this instead – delete the previous lines – my orig code was too broad and affected other widget items

    we’ll be more specific and only target the LI that holds the karate guy – its been given an ID of #text-245503761. If you ever remove him and add back in you’ll probably have to adjust this value. This solution is specific to how you have it now

    #text-245503761{
    	//holds karate man, give it some height to push the lower menu items down
    	display:block;
    	height:340px
    	}
    
    #text-245503761 DIV.textwidget{
    	//position karate man absolutely on the screen
    	display:block;
    	position:absolute;
    	right:2px;
    	top:5px;
    	}

    compared to C this simple stuff – its just mark up – you can do it!

    saving the header image you want into the theme’s image directory is the correct place for it

    to do abolsutely no HTML/CSS coding that image needs to overwrite the existing header image. You’d also need to resize it to match the original images dimensions.

    worth noting also that most themes use the header image as a background and them place the blog title/description text over the top. So if you were literally using that father xmas image with the text in it you may have to remove it with an image editor.

    I the below is a rough fix for IE/firefox.

    Ive left the borders on so you can kind of see what going on. Add to style.css – at the bottom should be fine

    #text-245503761{
    	//holds karate man, give it some height to push the lower menu items down
    	border:1px solid green;
    	height:340px
    	}
    
    DIV.textwidget{
    	//position karate man absolutely on the screen
    	border:1px solid red;
    	position:absolute;
    	right:2px;
    	top:5px;
    	}	
    
    #text-277573451 DIV.textwidget{
    	//Holder for Recommend This Site To. Without this line it gets position like the karate dude
    	position: relative;
    	}

    To more elegegantly achive the effect you’re after the karate graphic would need to be worked into the template via CSS not added in as widget.

    there is some ugly incorrectly nested table code in the “Recommend This Site To:” area

    correction this is your website http://9for2009.com/ !

    You might be making some incorrect assumptions about how automated wordpress is with regard to theme customisation. You’d need to do some HTML/CSS code editting to achieve what I think you describe

    Simplest way is probably finding another theme with a full width header graphic (like the father xmas example). Then find the graphic file in that themes folder and overwrite it with your new header image (after cropping/resizing to match the original img)

    good luck

    you’d most likely have to add some absolute positioning CSS (or do some other major CSS overhall) to the placement of the karate dude to get it to working IE6.

    The CSS rules that Firefox is respecting to to achieve that overlapping effect are ignored by IE6. Specifically in your case is in #menu:
    width:11em
    Firefox will respect andenforce that width while IE6 will expand to fit content that exceeds that width (the karate dude)

    Also I note the following code:

    <div class="textwidget">
    <body bgcolor="#005680">

    that extra BODY tag needs to go

    #container – line 45 in the CSS – change padding to: padding 0px;

    its pushing the banner image down by 1px and revealing 1px of the background image

    z

    the file your after is:
    themes/default/images/kubrickheader.jpg

    if your happy with the sizing of the existing banner just edit that one!

    if you want to change the height you’ll have to match the new size of the image in styles.css – line 240

    z

    would probably need a link to the site to assist

    cant see pastebin entry

    I guess check your PHP code for something similar to this

    if (strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE') {
     IE specific code blalh blah
    } else {
     code for other browsers
    }

    thats how serving up different code for IE would be done but I somehow dont think its going to solve your problem.

    this HTML code:

    <div id="leftcol">
    Locations:
    </div> <!-- END LEFTCOL -->

    doesnt seem to relate to the initial PHP code you posted so its hard to know whats going on.

    z

    hi

    what you describe is more likely to be an IE6 css issue that is causing IE6 to fail to render the 2nd loop.

    In general the server will server up the same code for all browsers – its how those browsers choose to display that code that is variable.

    check your source on both browsers to see if they match – if it really is different then rule out local caching in IE6.

    Look also for conditional IE CSS tags – they are a common cause of confusion when debugging (for me at least)

    z

    too easy

    delete line 130:

    .entry p a:visited {
    color:#B85B5A;
    }

    or change the colour value to the same as the normal A tags

    z

    hmm not sure if dreamweaver will assist that much…

    I know whre you’ve coming from – its hard to detach yourself from the adobe suite when they’ve looked after you for so long, but with CSS you’re probably best reverse engineering some existing sites (like you’ve started doing!)

    good luck

Viewing 15 replies - 121 through 135 (of 143 total)