Search the Community

Showing results for tags 'header'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Calendars

  • Community Calendar

Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 23 results

  1. I am developing a single page website that scrolls to each section when selected, live example: http://sandbox.digitango.com/ The issue I am having is with the sticky header, when you click the first link "Why AMAC" it will send you to the first section BUT when the header changes to fixed position it covers the content. I searched google reading a ton of articles but nothing seemed to address this issue, maybe I am missing the correct term for what my issue is. Is there any solution you know of that can fill the gap for when the header changes to fixed? - Image one - what the problem looks like - Image two - how I would like it to look
  2. DISCLAIMER: After seeing what has been written on the internet on this subject I am loathe to start here, but have I any other choice? QUESTION: The PHP header(location: './sample.html'); is telling me that my headers have already been sent and is referring me back to the beginning of my PHP script. Can I buffer my way out of this mess? If so, Where to I start and stop the buffer? Where do I place the header( ) function? BACKGROUND: I have just spent several weeks setting up an email verification system and am putting on the decorative touches. Truly, I thought that I had almost reached the end; truly I fear now that I am far from finished. I hope that I am wrong.
  3. Hello When i use a facebook share url on my site on Wordpress, it picks the title of my site, the sub-title and then it picks the first image of the site. How can i choose the pic to be displayed, what if i want to show a special picture like a logo or something whenever i want to share my site on Facebook? How can i do it?
  4. Hi all, I just finished a webdesign course for home study. Now I am working on my first assigment but it's going quite the way I want... I want to use a background image in my header div. Here is my code, what am I doing wrong? Can anybody help me please? Thank you! my CSS: #header { background-image: url(header.jpg); background-size: cover; background-position: fixed; text-align: center; width: 100%; height: 200px; top: 100px; } HTML <div id="header"> <header> <div class="nav"> <ul> <li><a href="">Home</a></li> <li><a href="">About</a></li> <li><a href="">Classes</a></li> <li><a href="">Contact</a></li> </ul> </div> </header> </div>
  5. Dear all: I have a header with 60% width occupied by a video, to the right of which is an aside section taking the remaining 40%. The aside section has three items fixed horizontally on top of each other. So the header has four elements in total. To account for possible overlaps between the four elements, I declared a z-index of -1 to the top right element, with the rest elements getting z-index 1 to 3. Then the element with z-index -1 disappeared. I then gave it z-index 1 and gave the others 2-4. Why has z-index -1 caused the element to disappear?
  6. Dear all, I have a code that is almost complete, but I am still struggling with header elements, and I am in desperate need for help. The site is using the box model and is responsive; Header area is 980px in width, 275px in height. A YouTube video is linked, occupies 60% of the left width and takes the full height (275px) I am struggling with the remaining 40%, in which I want: At its bottom, a horizontal link box: height 75px, width 40% of the window, with 'Try the Offer' text. Above the horizontal link two h1 lines on top of each other. Top h1 reads: Experience a Unique Offer. Below h1 reads: Try it First. At the top right corner, vertical flags for language links (e.g. US, France, Germany, etc.), all floating to the right. I tried many attempts, but all failed. I would appreciate your help. Below html and css code. <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content = "text/html; charset=UTF-8" /> <meta name = "viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0" /> <title><?php // Use a default page title if one wasn't provided... if (isset($page_title)) { echo $page_title; } else { echo 'Select From Our Amazing Producs!'; } ?></title> <link rel = "stylesheet" type="text/css" href="css/screen_layout_large.css" /> </head> <body> <!--Start of main page container--> <div class = "page"> <!--Start of main header--> <div class = "home_page_header"> <!--header of other pages is different --> <header> <iframe class = "mnvid" src="https://www.youtube-nocookie.com/embed/KSdk6poA4Ig?rel=0" frameborder="0" allowfullscreen></iframe> </header> <div> </div> </div> </body> </html> @charset "UTF-8"; * { margin: 0px; padding: 0px; } body { color: #575c7a; line-height: 1.5em; font-family: Arial; font-size: 14px; /* base font*/ background: #515673 repeat-x 0px 0px; } .page { max-width: 980px; margin: 0px auto 0px auto; position: relative; background-color: #fff; } .home_page_header { margin: 0px auto; height: 275px; } header { height: 275px; background-size: 980px 275px; background-color: #a6430a; } .mnvid { /*main video*/ width: 60%; height: 275px; margin: 0px; display: inline; vertical-align: middle; }
  7. Hello everyone! I've got 6 details I wish to improve through my WP theme, Evolve. And I guess I need some CSS for them but I'm not good enough right now to do it all alone... So, I'm asking for your help today! I hope I'm not asking to much... Here is my (french) website : le-chemin-du-butterfly.fr 1. You can see I've got a widget on the right of my page. I'd like to resize it to give more space to my text (right now, it's 66% and 33% and I would like 75%-25%). I tried some things but I have to made it so that it still responsive. But I don't know how... I guess I have to add some If or And but.. how? 2. Again with this menu, I would like my text to be around it. Right now, the text is only in its column and doesn't go under the widget when it's after it. Menu and text are truly separated in two columns 3. Talking about menu, you can see I've got 2 links in my header ("Une Histoire de Bouquins" and "The Voyage"). What I'm looking after is to duplicate it on the right to add other links... But I guess it's HTML rather than CSS and I need to configure the theme itself for this right? But then, have you tips for me to do so? 4. I've got a search bar in the header but on small screens this search bar doesn't show very well: the text that's shown when you click on the button is shown... all time on small screens. So, it's not very... Professional. 5. I ran the plugin Livefyre for the comments but since, the "Leave a comment" (Laisser un commentaire) doesn't scroll down to the comments menu, because the anchor is #respond and not "#comments" or "#livefyre-comments" as the Livefyre's Support told me. So, how I can I manage that? Here is a link to an article for an example I know I'm asking a lot (especially for a first message!) but I've to say I'm kind of lost in all of this. I'm learning HTML/CSS from not so long and I can't figure out how to do this... Thank you a lot in advance!And see you
  8. I used to know how to do this, but I'm having problems getting the nav bar for a website I'm making working. I can't get the nav bar to sit inside the header, even though it is inside the header tag. Example: I'm also having trouble with that white space at the top, but the big problem right now is the nav bar. Here is my HTML and CSS code for the above:
  9. I've created a php file that gathers data from my SQL tables and creates a multi-sheet Excel workbook file in XML. I started this process by creating the file as I wanted it to appear using MS Excel 2010 and saved it as a XML file. I then wrote my PHP code to dynamically create the MS Excel XML file. In internet Explorer 11, when this is done, the file opens as a MS Excel file. My problem is that it doesn't work in Firefox (Version 31.0). In Firefox, it prints out on the screen as an unformatted XML file with the following message above the screen - "This XML file does not appear to have any style information associated with it. The document tree is shown below." I think the problem is in my header. This is the way the opening of my PHP file appears now: <?phpheader("Content-type: text/xml");echo "<?xml version="1.0" encoding="UTF-8"?><?mso-application progid="Excel.Sheet"?>";?><Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet" xmlns:html="http://www.w3.org/TR/REC-html40"><-- More code follows --> Any help you can offer will be welcome!
  10. Hey Guys... I really dont undertand th use of <div> tag in and meaning of "container" in:- <div id="container" style="width:500px"><div id="header" style="background-color:#FFA500;"> If there is a link to w3schools then plz post..Please HELP!!!!!!
  11. hi guys, here i'm again! soo this time i have a more complex question (i think). I made a simple form site who works fine on the local server (except the part of the email who never came!). I was trying to put the files on a server and use the email account that the server provide me to receive the emails from my form site, then i found a strange error, my headers functions don't work on the server (with 1 exception), after a few minutes on google i found some answers with .php but any of them work, soo here i'm asking for some light here is one of the headers who doesn't work $resultado = mysqli_query($conexao,$sql);if($resultado){ $_SESSION['usuario_logado'] = $linha['IDUSER']; header('Location: test.php?info=User created and loged KEEP SAFE YOUR USERNAME');} and here is the only one who works <?php session_start(); if (!isset($_SESSION['usuario_logado'])) { header('Location: home.html'); exit; }?>//this verify if a user is loged i tried to use ob_start(); but then i just have a blank page if anyone can help me will be awesome!
  12. Hey guys, this is probably a newbie topic, but I can't seem to get the header to work for a website I'm making. I want to have it the where the div tag (or any other tag if it's better suited) be flush with the sides of the screen, much like it is on this site, and many others, such as the face punch forums. I have have tinkered, fiddled, and even copied directly from templates, in an attempt to make it do this. Butt every time, theres ALWAYS a 10px gap to the left side of the box. I have done and researched all I can, and I still cannot figure out why this is happening. What do I have to do to make it work? Also, sorry if I sound annoyed. I have been fighting this for almost 2 full days now with no results.
  13. Hi, I'm new programming with PHP and I am having this problem : Here are the codes : <?php if (isset($_GET['success']) && empty($_GET['success'])) { echo "<br>"; echo "<h4>You have been registered successfully.</h4>"; } else { if (empty($_POST) === false && empty($errors) === true) { // $register_data = array ( 'username' => $_POST['username'], 'password' => $_POST['password'], 'first_name' => $_POST['first_name'], 'last_name' => $_POST['last_name'], 'email' => $_POST['email'] ); register_user($register_data); header("Location: admissions.php?success"); exit(); } else if (empty($errors) === false) { // Print error echo output_errors($errors); } ?> // End of the codes... Everything is working fine at my PC as localhost, but I put it's not working fine with my hosting. I mean, the header("Location: admissions.php?success"); works fine at my localhost, like reloading the page with SUCCESS, but with the hosting, then the admissions.php?success is not executed, is showing me a blank page. If I type the admissions.php?success at the browser, then it shows me the page... How can I fix that problem ? Thanks
  14. I am trying to copy and paste code from our footer and place it into our header. We wanted to move the social media icons from the bottom to the top of the page, among other things. There are a lot of div tags and a few CSS class tags as well, in the footer. However, I copied only the link and imagde code into the header so that it doesn't try to link to class and css for the footer. My problem is that when I put the code into my header, it ends up bliowing up the first icon and discplacing everything else on the page (in fact, everything else is now missing completely. See the image I've uploaded.) I've tried resizing manuaaly using style="width:;height:;" and I've tried using the width and height within the img tag itself, but nothing is working. The website is www.cleantelligent.com. I can't find any styling within the header that would be affecting this either. We want the social media icons right under the "get started" button. Any thoughts would be very helpful. Thanks!
  15. Hi folks, Is it possible to place the entire header on page www.uworlds.net into a CSS? In other words, include (1) the image banner (2) the AddThis share code at the very top which contains javascript and (3) the text at top right? Or can javascript simply not be included in CSS and maybe this could be achieved through an include somehow? Any advice will be greatly appreciated. Kind regards,uworlds
  16. Can someone help me figure out how to create the navigation displayed in the header on top of this page? http://themes.iki-bir.com/ikaros/ If someone could give me some direction to learning how to make these types of navigations, I'd really much appreciate it.
  17. Hello, I'm new to html but have been put in charge of updating my companies website. I need to change the header and page marker on the site from blue to orange. After discovering the stylesheet I was able to see that these were actually .jpg and .gif files which is why I wasn't able to just insert the colour name (#FF7519) I wanted. I am not sure how to go about making these and do not seem to be using the correct terminology to find the answer through google. Can anybody assist? I'm using a Mac but do not have photoshop. Header file name: top_bg.jpg Page marker file name: button_on.gif I would like them exactly the same, just with a colour change. Thank you in advance. I apologise if this is posted in completely the wrong area.
  18. Hi everyone, I'll keep this short. And I appologise in advance because I'm sure this problem has been solved before (I just can't seem to figure it out). I am not great with HTML but I would say I'm decent. The first picture you can see my header goes the full 100% width. The second picture shows that if you minimize the browser so that you have to horizontally scroll that the header disappears behind the navigation. If you want you can go to my site now and test it out (It's still being created so bare with me). www.bbeckwithdesign.com I want the header to always be at the top with the navigation (not fixed where it stays at the top of the window, but instead at the top of the page) I want the header to always be 100% width of the page no matter what size. I guess I should also mention I want my navigation and title along with my main body to be relative where they stay centered on the screen (960px) One last thing, my favorite icon work on all browsers except for IE. Any code snippits that would take care of that??? Thanks for the help guys. Brad B.
  19. Hi, can anyone help me solve this puzzle? I'm working on a design that uses full-width headers and footers but has fixed width content in the central framework, but it's behaving a little badly. See example: http://wildflowerpr.net/services On the surface, all seems to work fine, but when you reduce the browser window to, say, 50% of the width, there is an unwanted effect: i.e. you can scroll across to the right, and you'll see that the header and footer have been artificially 'cropped' giving a messy effect of a white space margin running down the right of the page. Not pretty! I don't want this cropping. I can kind of see what's happening, in that I'm effectively asking the browser to match the header / footer width (100%) to the width of the window, but by keeping my main content central and fixed width (1100px) it's confusing things. However, I'm not sure the best way around this. As you can see, my design has many layers and collumns, which I want to keep. Should I change my design radically? I've been reading a little about responsive / collumn based designs and wondered if I should change it. It's hard to do this with all the layers and the effects I've designed though. If it's of any relevance I'm working in Thesis 2.0 in WordPress. Appreciate any help - thanks in advance!
  20. Hello... the title says it all... how to make a header() location, just after some coble of seconds?...
  21. Can anyone help me. this may be a noob question but...... I am trying to create a website and am trying to position two spaces I have for my header side by side. The left is going to have a logo inserted into the html code and the right side is going to be using a background image place in the css code. I cannot eem to get the 2 boxes to sit side by side in the header tags. Can someone help me? Heres the HTML: <body><div id="container"> <div id="header"> <div class="lftimg"><img src="images/logo.gif" /> </div> <div class="rtimg"> </div> </div> </div></body> Heres the CSS: body { margin: 10px; padding: 0px; text-align: center; background-color: #DAFEFD; color: #fff;}#container { margin: 0px auto; background: url(../images/background.gif) repeat-y; text-align: left; width: 900px; height: 800px;}#header { width: 900px; height: 160px; display: inline;}#header .lftimg { margin: 0px; height:160px; width: 239px;}#header .rtimg { margin-left: 239px; height:160px; position: relative; background:url(../images/header_rt.gif); top: 0px; left: 0px; width: 661px;}
  22. Hello everyone! The reason I came to these forums is because i have an issue with my code, could you guys look at it and tell me what i am doing wrong?I am trying to retrieve an image from my SQL database in the form of a binary blob, but it doesn't show up. This is the code of the PHP file i am using in my image src html tag: <?phprequire_once("connect.php"); $imgd = $_get['img'];$query="SELECT * FROM ads WHERE id=$imgd";$result=mysql_query($query) or die ("Error - ");$row = mysql_fetch_assoc($result);$image = $row['fotolocatie']; echo $image;;?> it doesn't show the error so it isn't the query witch fails. - Kevin
  23. I've been working on my uncle's website all summer, redesigning it. He hasn't changed the layout since 1996, so it was very much needed. Everything is working perfectly fine in Safari and Firefox, but when I view it in Google Chrome, the audio files on two of the pages do something weird. Instead of going underneath the header and footer while scrolling, the play bars are going overtop of them. The mock-up I've been working on is linked below, and I've pasted my CSS as well. Thanks in advance for your help! http://webpub.allegheny.edu/student/G/gooda/sobolov/demos.html (There is no doubt some superfluous coding in the CSS. If you notice it, please let me know. I only just got into CSS this spring.) body{ background-color:black;background-image:url('bg.png');background-repeat:repeat-y;}div#headerwrap{ position:fixed;top:0;left:0;height:160px;}body>div#headerwrap{ position:fixed;}div#header{ height:160px;width:1024px;margin:0 auto;}div#middlewrap{ padding-top:150px;padding-bottom:75px;padding-left:75px;width:810px;height:auto;}body>div#middlewrap{ margin-left:0;}div#middle{ width:815px;margin:0 auto;}div#images{ left:0px;top:0px;border-style:none;border-width:0px;}body>div#footerwrap{ position:fixed;bottom:0px;left:0px;padding:0px;}div#footerwrap{ margin:0;position:fixed;padding:0px;bottom:0;left:0;height:75px;width:1024px;}p{ font-family:"Trebuchet MS", Helvetica, sans-serif;font-size:medium;text-align:center;}h4{ color:red;font-family:"Trebuchet MS", Helvetica, sans-serif;text-align:center;}h3{ text-align:center;}blockquote{ font-family:"Trebuchet MS", Helvetica, sans-serif;text-align:center;color:red;}a:link{ font-family:"Trebuchet MS", Helvetica, sans-serif;color:#FF0000;text-decoration:underline;}a:visited{ font-family:"Trebuchet MS", Helvetica, sans-serif;color:#FF0000;}a:hover{ font-family:"Trebuchet MS", Helvetica, sans-serif;color:#FF0000;}a:active{ font-family:"Trebuchet MS", Helvetica, sans-serif;color:#FF0000;}