HTML - Gap Problem In My Headers
Hello Everyone,
I have had a continuing problem where I have a small to midsize gap in my header on my site, The Final Fight.com. I also have the same problem with my forums, which the gap became apparent when I made a new forum skin that matches our homepage. Any Help with this problem would be GREATLY appreciated. Thanks, MAYH3M Similar TutorialsHi everyone. Was just wondering out of interest, what everyone's preferred method for their website headers is. Which of these do you prefer? 1. Setting background attributes for a #background div via your css file. 2. Having the image and anything else in an include file and using php includes. 3. Placing the code directly within your header div in the main code page. Of these three, no.3 is one I generally just don't do. The other two are both good options I think. With 1, a problem that arises is you are unable to use the alt attribute for any images set via your CSS file, which obviously falls down on the accessibility side. With 2, you can set an alt attribute for any images, I therefore prefer this method. I am going to do my first website, and I need headings at the top of the page with , Home, Products, Services and Contact headings at the top but I need them to be inside a rectangular tab with round edges. So I need help in information on whether I have to format or style the headings with css eg. h1.one font-family etc etc. and then on the header <h1 class="one"> etc etc. I might be wrong but is there way I can get the headers I want to be round edged? I am new to html so my answer might have been totally wrong just using my own assumptions. Thanks for help and if someone has ideas for other type of header styles I could use I will appreciate the info. If I have an image on my web server how do I monitor the requests made for that image? i.e record the ip address and browser that made each request. Thanks Code: <h1>Kookaburras from<br /> The Margaret River Rock</h1> I need to align that but i don't know how. Since h1 doesn't have an align attribute in XHTML and I'm not experienced in it at all. Thanks. Hi, I have just started to manage a website on Wordpress. There is a header at the top of every page. It used to say the name of the website, but for some reason it has changed to the name of a post that was made a long time ago. Does anyone know how to change this header? Thank you very much. why doesnt ebay use headers? h1 h2 ect.. I viewed the source and was surprised not to find a h1, h2 or h3 ect.. I am just wondering if anyone knows why eBay isn't web standards compliant? I know this is very rudimentary, but Im having trouble getting the header and footer of my site to bleed off the page. Right now I have it contained, and you can see that there is negative space around these elements. See here http://sassnyc.com/stage/andrewsass.com/ I'm trying to figure out how to fix this, and I know its simple... Alright, this is an admittedly novice question but I haven't been able to figure it out yet and would love some help. I'm currently coding a website (my first, clearly) that will ultimately have a large number of pages. I understand the value of writing semantic code and pairing it with an external style sheet to make changes in design quick and easy across a website. My question is, how do you code common elements across the website (ie headers, navigation bars, footers, etc) so that making a change only once (such as adding a tab to the navigation bar) will change it across the site, without having to change the code on each individual page? I understand that you can do this with php, but it doesn't seem to be the common solution. Is there another way to accomplish this without php? Thanks in advance everybody! Just getting my feet wet. using XMLSpy stylesheet designer to help guide. I'm converting XML to HTML, which is Microsoft's recommended way of controlling the import of XML into Excel. I've got the stylesheet below in productive use. However, I want to make one key change. I want the name of XML elements to become the text column headings so I can deal with files that have dynamic column names. Suggestions appreciated. Here is typical XML: <NewDataSet> <Table> <Name>Linda Britt</Name> <RFQCount>324</RFQCount> <RFQResponseCount>556</RFQResponseCount> </Table> </NewDataSet> Here is the stylesheet. See comments regarding what I'm trying to change. <xsl:template match="/"> <html> <head></head> <body> <xsl:for-each select="NewDataSet"> <xsl:for-each select="Table"> <xsl:if test="position()=1"> <xsl:text disable-output-escaping="yes"><table border="0"></xsl:text> </xsl:if> <xsl:if test="position()=1"> <thead> <tr> <td > <span>Buyer Name</span> COMMENT: I want this to be "Name" from element name. </td> <td > <span># RFQs</span> COMMENT: I want this to be "RFQCount" from element name. </td> <td > <span># Responses</span> </td> </tr> </thead> </xsl:if> <xsl:if test="position()=1"> <xsl:text disable-output-escaping="yes"><tbody></xsl:text> </xsl:if> <tr> <td> <xsl:for-each select="Name"> <xsl:apply-templates/> </xsl:for-each> </td> <td> <xsl:for-each select="RFQCount"> <xsl:apply-templates/> </xsl:for-each> </td> <td> <xsl:for-each select="RFQResponseCount"> <xsl:apply-templates/> </xsl:for-each> </td> </tr> <xsl:if test="position()=last()"> <xsl:text disable-output-escaping="yes"></tbody></xsl:text> </xsl:if> <xsl:if test="position()=last()"> <xsl:text disable-output-escaping="yes"></table></xsl:text> </xsl:if> </xsl:for-each> </xsl:for-each> </body> </html> </xsl:template> </xsl:stylesheet> Hi: I am new to this group and to html programming .. sort of. I am trying to find a way to display http headers from an html file (index.html) The scenario is that I can display the http header variable and value information in my apache access.log file by setting the logformat in the httpd.conf file; and I need to verify that these are all available in the launched index.html file And recommedations greatly appreciated. Ron I would like to have an image that takes 2 url like the following image... is it possible? if so, can someone please tell me how this could be done? Thank you very much.. NOTE: I tried doing this... <map name= 'url1' > <area shape= 'poly' coords= ' 0 , 0 , 50 , 0 , 0 , 50 ' href= 'url1.html' > </map> <a href= 'url2.html' > <img src= 'img.jpg' width= 50 height= 50 usemap= '#url1' > </a> but this only get 'url1' woring... Okay, I know that this problem is going to be really really easy, but I forgot how to do it. I use to own an older website and forgot the code. Anyways, I only know how to describe it. When I minimize the screen, it is minimizing the whole thing and collapsing it making the iframes smaller and the text fit into a smaller space. Most websites have a code (i don't know what it is) so that when someone minimizes their browser, it just makes the browser smaller and not the actual page. Here's what it looks like: http://www.freewebs.com/noeylani94/index.htm Try minimizing that and see how it looks. It collapses the whole page right? Can someone tell me the code how to fix it? Thanks =D I have a photoblog site that I use PixelPost on. I updated the theme and, for some reason, the About page isnt showing the footer like the other pages are. This is how the footer is SUPPOSED to be: http://www.sthompsonphoto.com/galler...owse&pagenum=1 and this is how its displaying on the About page: http://www.sthompsonphoto.com/gallery/index.php?x=about Its all shoved into the main DIV and I cant figure out why. Also, there is a line at the top of the main DIV that wont go away. Im pretty new at all this so Im sure its something that Im overlooking. Any help would be great! Thank you! Hi Could some one please have a look at the code for this site for me as it displays perfectly in IE6/7 but is so far off the mark in firefox, not tried any others. http://www.scottishconsumercredit.com/_dev_colin I can't see where I am going wrong thanks Hi all ; I want to have one button in the left side of the div and one in the right side how can I do that . I tried align command but it always aligns in one side . Anyone can help . EX : in the header of this site html forums logo is in the left side and the google adwords are in the right side ... heres the problem the pages http://wax-bar.ca/about/index.html and http://wax-bar.ca/contact/index.html wont work in internet explorer. The rest of the website works just those two pages dont work. I would reallly appreciate any help you can provide. thanks in advance! Hi ppl I have developed a login page which validates the values from the database. When i log out...the login screen is displayed again.. but if I press Back button in the explorer, the previous logged in page is displayed again.. How do i avoid this problem? I"m haveing a problem with my page, there is a gap where I don't want one to be, here is my code, I don't know if it is the css or html. the gap is between the leftBar and the content. I"ve used *html with the height:1px before, for the sideMenu, but I don't know if the same trick would apply for width. index.php: HTML Code: <?php session_start(); ?> <!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> <title>WootWoot</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body><center> <div id="wrapper"> <div id="header"> </div> <div id="mainnav"> <ul id="mainMenu"> <div id="spacer"> </div> <li><a href="index.php">Home</a></li> <li> <?php if(isset($_SESSION['validUser'])){ echo '<a href="logout.php">Log Out</a></li>'; } else if(!isset($_SESSION['validUser'])){ echo '<a href="login.php">Log In</a></li>'; } ?> <li><a href="profile.php">Profile</a></li> <li><a href="daily.php">Daily</a></li> <li><a href="search.php">Search</a></li> </ul> </div> <div id="leftbar"> <ul id="sideMenu"> <li><a href="shorts.php">Submit a short story</a></li> <li><a href="popular.php?select=today">View popular works from today</a></li> <li><a href="popular.php?select=week">View popular works from last week</a></li> <li><a href="popular.php?select=tmonth">View popular works from this month</a></li> <li><a href="popular.php?select=lmonth">View popular works from last month</a></li> </ul> </div> <div id="content"> Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. Main content here.Main content here.Main content here.Main content here.Main content here. </div> </div> </center></body> </html> style.css: Code: /* Page Layout */ body { text-align:center; background-color:Silver; } #wrapper { width:901px; background-image:url(Images/sidebar_1.jpg); background-repeat:repeat-y; } #header { height:120px; width:900px; background-color:Black; float:none; color:Black; } #mainnav { height:20px; background-image:url(Images/bg_2.jpg); background-repeat:repeat-x; background-position:bottom left; } #spacer { float:left; width:160px; } #leftbar { float:left; width:160px; color:Black; background-image:none; } #content { margin-left:160px; color:Black; padding:5px; background-color:Gray; min-height:30em; } /* Navigation */ ul#mainMenu { list-style-type:none; padding:0px 35px 0px 10px; margin:160px; display:inline; } ul#mainMenu li { text-align:left; float:left; } ul#mainMenu a:link, ul#mainMenu a:visited { background-image:url(Images/bg_2.jpg); background-repeat:repeat-x; background-position:bottom left; padding:0px 35px 0px 10px; border-right:solid 1px gray; text-decoration:none; font-family:Arial Verdana Sans-Serif; text-align:left; text-transform:uppercase; font-size:1em; color:Black; font-weight:bold; display:inline; } ul#mainMenu a:hover { background:url(Images/bg_3.jpg) repeat-x top left; text-decoration:none; font-family:Arial Verdana Sans-Serif; text-align:left; text-transform:uppercase; font-size:1em; color:Black; display:inline; } ul#sideMenu { margin:0; padding:0; list-style:none; width:160px; } ul#sideMenu li { display:inline; } *html #sideMenu a { height:1px; } ul#sideMenu a:link, ul#sideMenu a:visited { background:url(Images/sidebar_1.jpg); background-repeat:repeat-y; border-bottom:1px solid gray; padding:15px 10px 15px 10px; text-decoration:none; font-family:Times Verdana Sans-Serif; text-align:Center; text-transform:uppercase; font-size:.8em; color:Black; font-weight:bold; display:block; } ul#sideMenu a:hover { background:url(Images/sidebar_2.jpg) repeat-y; text-decoration:none; font-family:Arial Verdana Sans-Serif; text-align:Center; text-transform:uppercase; font-size:.8em; color:Black; font-weight:bold; display:block; } Hey all, if you go to my blog http://myalternativemind.net I added this code: Code: <div id="nav"> <a href="http://link1.com">link1 title</a> | <a href="http://link2.com">link2 title</a> | <a href="http://link3.com">link3 title</a> </div> And this CSS Code: Code: div#nav { font-size: 15px; margin-top: 10px; padding: 10px; margin: -20px -20px 30px -20px; background-color: #000; } div#nav a { color: #7C7C7C; text-transform: uppercase; text-decoration: none; } But it stretched out the bottom portion of my blog, and made it unreadable. all I was trying to do was add custom links on it. Can anyone check my source and help me out? Thanks. Dear members, I am not very good in HTML programming so please accept my apologizes if my question is very simple. I have a website called loonu.com. In IE7,IE8,Chrome,Firefox,Safari etc.. its mainpage (www.loonu.com) is shown exactly how i want to, whereas in IE6 it looks terrible. My question is, according to your experience is my mistake so obvious because i can not see it. Thanks for your help. |