Title: Need simple HTML help for template header Last modified: August 19, 2016 --- # Need simple HTML help for template header * Resolved [gordtep](https://wordpress.org/support/users/gordtep/) * (@gordtep) * [16 years, 11 months ago](https://wordpress.org/support/topic/need-simple-html-help-for-template-header/) * I just want the image it is labeling as a background image to be a clickable hyperlink on every page, so i’m guessing i have to somehow implement the whole
’) no-repeat; height: 128px;”> * Here is the entire text of the template in case it helps… THANKS IN ADVANCE!!!!! * > * ; charset=” /> * <?php wp_title(‘«’, true, ‘right’); ?> <?php bloginfo(‘name’); ?> * ” type=”text/ css” media=”screen” /> * RSS Feed” href=”” /> Atom Feed” href=”” /> ” /> * * * * * *
* [ [View menu](https://wordpress.org/support/topic/need-simple-html-help-for-template-header/?output_format=md#sidebar)]
–> *
*
*
*

*
*
’) no-repeat; height: 128px;”> Background Music
–>
*
Viewing 11 replies - 1 through 11 (of 11 total) * [Mark / t31os](https://wordpress.org/support/users/t31os_/) * (@t31os_) * [16 years, 11 months ago](https://wordpress.org/support/topic/need-simple-html-help-for-template-header/#post-1106254) * Use a pastebin when posting code, or backticks as indicated in the reply/post box. [http://wordpress.pastebin.com/](http://wordpress.pastebin.com/) * And you just want to convert this… `
` to a.. `` .. type of thing? * Something like… `header image` Then accompany with CSS… * ``` .head_one { border: none; padding: 0; height: auto; width: auto; } .head_one img { border: none height: 128px; width: auto; margin: 0; } ``` * should do it.. * See how you get on.. * Thread Starter [gordtep](https://wordpress.org/support/users/gordtep/) * (@gordtep) * [16 years, 11 months ago](https://wordpress.org/support/topic/need-simple-html-help-for-template-header/#post-1106258) * Close, but not all the way there… this pushes the body of the webpage all the way to the left and doesn’t allow the header to center/resize according to browser window… I’m working on [http://www.gordtep.com](http://www.gordtep.com) — just can’t seem to get the header image to stay the way it’s supposed to be and have it appear as a hyperlink at the same time… every time i get it to be a link, the rest of the page is thrown off entirely * [Mark / t31os](https://wordpress.org/support/users/t31os_/) * (@t31os_) * [16 years, 11 months ago](https://wordpress.org/support/topic/need-simple-html-help-for-template-header/#post-1106261) * If you resize based on the window size it’ll look awful on really large screens.. * Anyway, adding this should do it.. (CSS) * ``` #wrap {margin:0;width:100%} #headerimg img {width:100%;height:auto} ``` * It won’t extend 100% without removing the margin on the wrapper… * These can be removed without fear also.. * ```

``` * If you want to add some space above the header or to the sides, we can do that with the CSS, both those above elements are not needed, so just drop them or comment them out.. * Thread Starter [gordtep](https://wordpress.org/support/users/gordtep/) * (@gordtep) * [16 years, 11 months ago](https://wordpress.org/support/topic/need-simple-html-help-for-template-header/#post-1106318) * I’m still not getting it– it’s some bizarrely complicated CSS thing that I can’t seem to figure out… you’ll see on gordtep.com it’s an utter mess… i currently have the hyperlinked image all out of whack on top and the image I can’t get to hyperlink beneath it looking the way i want it to… what a mess * [Mark / t31os](https://wordpress.org/support/users/t31os_/) * (@t31os_) * [16 years, 11 months ago](https://wordpress.org/support/topic/need-simple-html-help-for-template-header/#post-1106330) * I mean this in the kindest possible way, but are you paying attention to what i’m putting above… * Source from the page: ` ` * That’s invalid code. * Take what you have for the header area here… * ```
``` * Change that for… * ``` ``` * This also removes an extra closing `` in your code which closed the wrapper element prematurely… * Work from there… and i’ll help where need be… * [Mark / t31os](https://wordpress.org/support/users/t31os_/) * (@t31os_) * [16 years, 11 months ago](https://wordpress.org/support/topic/need-simple-html-help-for-template-header/#post-1106331) * **NOTE:** If the URL being generated for the image is adding the incorrect code to the IMG src, then post the code from your functions.php (in your theme folder) into a pastebin (see first response), and i’ll help you re-write it… * Thread Starter [gordtep](https://wordpress.org/support/users/gordtep/) * (@gordtep) * [16 years, 11 months ago](https://wordpress.org/support/topic/need-simple-html-help-for-template-header/#post-1106332) * I sincerely do appreciate all your help… it’s not perfect, as the header image is shifted to the right a faction of an inch for some reason and the re-size is different– the original resizing was just cutting off the a portion of the right side of the image based on the size of the window (which was how i wanted it), now it resizes the entire thing, but it’s ok. I’m not sure how to adjust that, I think it had something to do with the height 128? Thanks though. * here’s what’s in the functions file: * ``` '
  • ', 'after_widget' => '
    • ', 'before_title' => '

    ', 'after_title' => '

    ', )); // Get the random image url in the given relative directory path function get_random_imgurl_in_dir($rel_img_dir) { $directory = get_template_directory() . "/". $rel_img_dir; $dir_url = get_bloginfo('template_directory') . "/". $rel_img_dir; if (@is_dir($directory)) { $img_array = array(); $directory_handle = @opendir($directory); while ( false !== ($filename = @readdir($directory_handle)) ) { // Filters out some of the unwanted directory entries. if ($filename != "." && $filename != "..") { // Ficture file, adds to the array stroring the file name if (@is_file($directory."/".$filename)) { $file_extension = strrchr($filename, "."); if (".jpg" == $file_extension || ".gif" == $file_extension) $img_array[] = $filename; } } } @closedir($directory_handle); $array_count = @count($img_array); $random_num = rand(1, $array_count); $rand_img_url = $dir_url . "/" . $img_array[$random_num-1]; } echo $rand_img_url; } ``` * Thread Starter [gordtep](https://wordpress.org/support/users/gordtep/) * (@gordtep) * [16 years, 11 months ago](https://wordpress.org/support/topic/need-simple-html-help-for-template-header/#post-1106334) * For what it’s worth, here’s the style.css file * **[code moderated]** * Thread Starter [gordtep](https://wordpress.org/support/users/gordtep/) * (@gordtep) * [16 years, 11 months ago](https://wordpress.org/support/topic/need-simple-html-help-for-template-header/#post-1106358) * I’m realizing what I should be asking for is how to crop the image on the right side based on the browser window/resolution, so it will extend further if I open… hope this is making sense. * Thread Starter [gordtep](https://wordpress.org/support/users/gordtep/) * (@gordtep) * [16 years, 11 months ago](https://wordpress.org/support/topic/need-simple-html-help-for-template-header/#post-1106371) * Do I need to use the “overflow: hidden” command somehow? * [Mark / t31os](https://wordpress.org/support/users/t31os_/) * (@t31os_) * [16 years, 11 months ago](https://wordpress.org/support/topic/need-simple-html-help-for-template-header/#post-1106434) * Perhaps if you give an example of how it “should” look… it would make things easier on both of us, even if it means chopping and cropping in paintshop… * It’s not you personally, but i’m not quite getting at what you want to achieve.. Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘Need simple HTML help for template header’ is closed to new replies. ## Tags * [headerimg](https://wordpress.org/support/topic-tag/headerimg/) * [home](https://wordpress.org/support/topic-tag/home/) * [hyperlink](https://wordpress.org/support/topic-tag/hyperlink/) * [img](https://wordpress.org/support/topic-tag/img/) * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 11 replies * 2 participants * Last reply from: [Mark / t31os](https://wordpress.org/support/users/t31os_/) * Last activity: [16 years, 11 months ago](https://wordpress.org/support/topic/need-simple-html-help-for-template-header/#post-1106434) * Status: resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics