I am having a hard time figuring out what's going on with a theme for a new script that i just bought.
My site is azngirls.com (don't worry it's not pornographic hahah) and if you go to the frontpage you will see that there is a nav bar on top or header bar that shows Login - Register (Forgot Password) and etc. and that bar is supposed to be on top without any gap but if you go to other parts of the site like for example http://azngirls.com/tos - you will see that there is a gap between that nav bar and the actual top of the website which makes it look awkward when you scroll down. This problem occurs everytime i edit the smallest things inside the php file, as in even if i change a single word or letter it suddenly shows that gap.
Another problem that I am having is that on the same page - on the side bar to the right there is a "Show me" button for Browser Plugins but when i click the link it takes me to a 404 page, but when i click the Tools link in the footer menu it takes me to a page that works.
Thanks alot for any help you guys can give! Really appreciate it!
you have a huge empty line filled with whitespace between <body> and <meta> tags. and you included a <meta> tag inside a body, as it should be in the <head> tag.
As #tpaksu suggested, your html is totally messed up. And there is a easy fix to your problem, just add the following code to your style sheet.
.content-infobox {
top: 0;
}
use this code on the respective ID
#id{
margin:0px;
}
Related
I have two questions im sure are very simple I'm just looking over something.
1.) To start off, my website is mostly HTML, except I have a WordPress blog page. To make the blog page look like the HTML home page, I modified the header.php and footer.php, and everything looks fine except one problem.
As you'll notice if you compare the Home page with the Blog page, for some reason the margins I have to position the navigation links & social media icons isn't working but it works on the home page? I really have no idea why it isn't working, the stylesheet is linked correctly and everything, as every other style works fine except the margin in those areas.
2.) At the bottom of the home page there is a white space below the footer, but its not on the WordPress blog page? I am trying to remove the white space but have had no luck. The only way I can remove it is if I make the footer 30px larger, which I don't want to do. I have set heights on the HTML, Body and am unsure why the space is there.
Thanks ahead of time, I appreciate you taking the time to look at my questions.
EDIT here is a link to the site:
http://jqwebexamples.com/iAM_Talent/Version3-rev/index.html
The <p> Tags in your footer are the problem. If you remove (or disable it temporarily) the following style:
#footer p {
margin-top: 45px;
}
then the white line disappears. Take a look in firebug to check this out.
The other issue looks like caused by the unsorted list in your navigation div.
I'm not quite sure how to explain it but I've been searching everywhere and to no avail. Please help me here. I took CSS in college but am a bit rusty. I want to have my paleontology site so that I have the dinosaurs names on the left as a scrollable option. My old version of the site was html and it was in frames. People liked the frames cause the main page wasn't affected when they searched for the dinosaur name. In the new css the entire page moves. Also when I add a dinosaur or 3 to the list I don't want to have to add it individually to over 30 pages of dinosaurs. I want to edit one page and have it affect all of them.
I've created an independent page for the dinosaurs -> dino_list.php
But implementing it I'm not sure what to do. I'm guessing there's an "include" code for this?
Can you help me?
Here's the url: http://DinosauriaOnline.com
Thanks,
Vince
I want to have my paleontology site so that I have the dinosaurs
names on the left as a scrollable option.
To make your dinosaur list scrollable, give it an ID such as #dino-list, and then use CSS to give it a fixed height. Then set overflow: scroll on it in your CSS. That would shrink the list, cutting off some of the content, and then tell the browser that it should have a scrollbar to access the cut-off content.
#dino-list {
overflow-y: scroll;
height:200px;
}
That produces this:
Adding the fixed height is really important - otherwise the browser will assume you want to display the whole list anyway, and have a scrollbar.
Ive created an independant page for the dinosaurs -> dino_list.php But implimenting it im not sure what to do. Im guessing theres an "include" code for this?
Yup.
include "dino-list.php";
Put this where you want the list. What this does is takes dino-list.php and dumps the contents wherever you put that line. So if you have your list as HTML in dino-list.php, it'll be placed into the main code wherever you put include "dino-list.php";.
So, dino-list.php might look like this:
<ul id="dino-list">
<li>Acrocanthosaurus</li>
<li>Velociraptor</li>
</ul>
and index.php might look like this:
<div id="sidebar">
<h2>Dinosaurs</h2>
<div class="sidemenu">
<?php include "dino-list.php"; ?>
</div>
<h2>Cretacious Non Dinosaurs</h2>
<!-- rest of sidebar here -->
</div>
One thing regarding include - it literally takes everything in the source file, and dumps it into your code. If you include PHP code inside dino-list.php, it will run in your main file.
Ok, I have page one(index), fully functional and working fine as is with all content loading into an iframe. However, due to the layout's design, I wanted my portfolio to have more space for viewing, so I created another page for the portfolio (p.html). Now, since there is no way (that I know of or could figure out) to click a link on p.html and tell it to open for example home.html#top within the iframe named "content." So, I toyed with some php and came up with the following code:
<?php
switch($_GET['go']) {
case 'home': $src='pages/home.html#top'; break;
case 'about': $src='pages/about.html#top'; break;
case 'contact': $src='pages/contact.html#top'; break;
default: $src='pages/home.html'; break;
} ?>
Then, on index.php, in the iframe I have <?=$src;?> set as the source.
Now, when you first load http://www.djcproductions.net, everything works fine, the default page home.html loads in the iframe as it should. However, click on any of the links in the nav bar and it will somehow class with my CSS for the content. If you pay attention when you first go to the site, and scroll down to the text, you can see the background image as the contentstyle.css file is set up for home.html to have a transparent background. But, once you click any link, that goes out the window and the background is not transparent EDIT and it also seems to shift the page loaded into the content iframe to the right about fifty pixels. So, since the default line of code for the home.html in the php code worked as it should, I thought maybe it was the #top messing stuff up. So, I removed all the #top tags from the links, and tried it again. Again, on load the page is fine, then I click a link and my whole index.php page loads into the iframe?! My mind is blown. Am I doing this all wrong, or is it just one stupid line I am missing or something?
On the issue of the About Us page not loading. Here is my summary of the issue.
If I manually put http://www.djcproductions.net/index.php?go=about in the browser address bar, it all works. This means your PHP switch statement is happy as long as you supply the request paramter.
When I look at your link, it has a target attribute:
<a class="about" target="content" href="index.php?go=about">...
This means it is loading the whole page into the iframe, which I'm pretty sure is not what you are trying to do.
If you change your hyperlink to:
<a class="about" href="index.php?go=about">...
It will work. Equally, if you change it to:
<a class="about" target="content" href="pages/about.html">...
It will work.
Just don't use the target and the full page link together.
Firstly, disabling right click is annoying for people trying to help you look at problems on your website and is ultimately pointless as I have got to the source anyway.
The problem that shows itself on p.php is that your image source for your social network images is incorrect. This causes the alternate text to be displayed (or a broken image glyph) and as your design relies on the size of those images, everything is mis-placed.
Changing the image source on those images fixes this issue.
images/p_05.jpg
Should be
images/image_05.jpg
And the same for image_03
There are other issues too, but you need to isolate each one and ask a question specifically about it. If you create a smaller example of your problem it also helps people to help you.
For the last few days i've had an issue with the like button it's no longer working? I've been told it's due to fb:app_id is now required (so looks like i gotta edit over 17,000 pages to add this tag!) so i tried it on just one page however it still doesn't appear?
It has also now stopped the Tweet button appearing yet twitter is nothing to do with the iframe like button?
The page is this: link - please let me know if i'm missing something here..
It's kinda annoying if i have to use fb:app_id aswell now as i got over 17,000 pages that i'll need to edit to add the fb:app_id tag.
Also my other site doesn't have an app or a page so how would i use fb:app_id on that? I was using fb:admin before...
On the page you link to, your FB:Like button code is commented out with <!-- --> so of course it won't appear.
Also, you have two <div id="fb-root"> 's on your page and this will cause errors. You need to make sure there is only one of those divs.
Thanks everyone above for your help i just remembered what a silly person i was and i remember i put this in my css file:
iframe {
display: none;
}
so that's why it wasn't working, my bad! thanks everyone above anyway. (how can i close this as resolved?)
My website at http://www.oblivionro.net isn't properly vertically-aligned when you click on a different link in the menu.
For example, if you go from the home page to the ventrilo page, you'll notice that the alignment of the website shifts to the right and down a bit. I know a fair bit about php, but I'm not that great when it comes to css and designing websites.
Anyone know what the problem might be? Thanks in advance.
Your link doesn't work for me, but I can guess what the problem is. To fix it, add:
html {
overflow-y: scroll
}
That will force the vertical scrollbar to always be visible, so there will no longer be a "shift" when you move between pages that do/do not have a vertical scrollbar.