-
Posts
680 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Downloads
Gallery
Store
Posts posted by Susie
-
-
Thanks, Ben. That fixed it.
I have one more thing that's driving me crazy if you don't mind looking....
Main Site: http://tinyurl.com/4uffmp5
Directory: http://tinyurl.com/4clortv
If you open both of those in separate tabs and then click between them, you'll see that the directory shows the logo, sidebar, and content area slightly lower than the main site. I really don't want to go through and make a separate stylesheet for the directory to make the needed adjustments, so I'm wondering why it's happening and if there's a single fix that would make them match. Do you see anything going on?
-
URL: http://tinyurl.com/4clortv
I cannot figure out why the logo image is being resized. When I view the image info, I get this for its size:
304px × 101px (scaled to 300px × 101px)
Can someone take a look and tell me what I'm missing?
-
I changed the doctype for the directory and that fixed the IE issues. Now all browsers except Firefox show the new font but the navigation is misplaced. Firefox doesn't play nice at all. Hmmm...
-
I know they've recently changed the CSS syntax: http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax I wonder if what you're using is the previous version.
-
Thanks, John.
I tried using an absolute path in the CSS but that didn't work (I just added the absolute path back in so you can see). Plus, I figure if it was a server issue, the other browsers wouldn't show the new font would they? So confused....
-
URL of the directory: http://tinyurl.com/4clortv
URL of the main site: http://tinyurl.com/4k92ofa
I am trying to make the directory, which is powered by phpMyDirectory, match the main site design. I'm almost there, but I'm having trouble with the navigation font.
I used the Font Squirrel @font-face generator. In the main site (powered by WordPress), I added a fonts folder to the theme folder and then added the following to my CSS:
@font-face { font-family: 'LeagueGothicRegular'; src: url('fonts/league_gothic-webfont.eot?') format('eot'), url('fonts/league_gothic-webfont.woff') format('woff'), url('fonts/league_gothic-webfont.ttf') format('truetype'), url('fonts/league_gothic-webfont.svg#webfontwcR6rlLx') format('svg'); font-weight: normal; font-style: normal; }
It works perfectly for WordPress, but not so much for the directory. Firefox is not even acknowledging the new font. Chrome & Safari have the font, but the whole navigation is misplaced. IE is just plain messed up (though the new font does show). Opera, on my computer, seems to be the only one playing nicely.
Can someone help me sort this out? I'd be so grateful...
-
Using my IE Tester, I see there is no left/right padding on the nav links. Top/bottom padding looks good.
-
Andrea is correct - it's the table spacing of 40. Using Firebug, I was able to get rid of that space by setting the table spacing to 0.
-
I haven't looked at these very closely, but I wonder if one of them would work for you.
-
Eddie is correct. I like to use WordPress as a CMS (content management system) for all the sites I develop because it's so easy for clients to use when they want to update their text and photos. It's easier on me, too, because I don't have to go through file after file when changes need to be made to the design or code. There are several of us here that you could hire to integrate WordPress into the design.
-
I agree that fresh content would help. Also, I would suggest perhaps adding WordPress to the mix. It would not be hard at all to create a custom WordPress theme to match the current design. In my experience, Google seems to love WordPress. Plus, it would make it so your client can update the text/photos on their own.
-
This is something that I posted on the phpMyDirectory support forums, but I thought I'd check here, too. My post is as follows:
I'm trying to figure out a way to display my client's phpMyDirectory inside the WordPress website I'm developing for them. Here's the demo link: http://tinyurl.com/4kprlkf
Here's what I normally do to "include" files or scripts:
WordPress functions.php file:
add_action('genesis_after_header', 'photo'); function photo() { if(is_page(45)) require(CHILD_DIR.'/photo.php'); }
Then I create a photo.php file which contains this:
<div id="photo"> <?php if(function_exists('show_media_header')){ show_media_header(); } ?> </div>
That particular code is what the plugin author said is needed to put the plugin into the WordPress template.
So, what I'm wondering is if there is a <?php ..... ?> line that I could put into a php file and then include it via the functions.php file.
I know I can edit the header/footer of the directory itself so it will match, but I really want the navigation to be powered by whatever my clients do within WordPress without having to edit the header/footer files in PMD.
Do you know if this is possible?
-
That's good information to have. Thanks for sharing, joecool! I didn't know you could do it outside of a personal profile...
-
Thanks, Eric! I think I was getting confused because the background is not actually on the footer, so I didn't think a technique like that would work. All fixed!
-
-
Use the following CSS:
html, body, #wrap { height: 100%; }
and remove the bottom padding on #wrap. Only tested on Firefox as only Firebug allows live editing
I tried this, but it doesn't work on the longer pages.
Ben, thanks for the link, but I can't get that to work either.
I'll be back!
-
You can only set up Facebook pages from within your personal user profile (I personally think that stinks!). So, what you can do is create a new email address for your client (via gmail, yahoo, etc.) to use for a new personal profile for them. Then set up the pages from within that profile. That way their page is not linked in any way to your profile. Or if they already have a Facebook profile (personal) and they are comfortable doing it, they can give you their login so you can set up the page.
-
I didn't even think of adding it to the #wrap. Thanks, Ben. I have it where I want it, but on short pages like this one, it doesn't stay at the bottom of the screen. Wonder what I can do about that.
Edit to add: Actually, it's positioned where I want it on the short pages (but needs to extend to the bottom of the browser). On longer pages, it's too low.
-
I need some help thinking this through and was hoping someone here could offer some insight.
This is very much a work in progress. Many thanks to Ben for helping me with the stones image at the bottom!
Okay, I want to move the stones up so that they start about 10-20 pixels below where you see "Hello World." So, I want it behind the content container. But I'm unsure how to do this since I already have a background image on the body.
Thoughts?
-
I second the WordPress suggestion. My website (link is in my signature) is powered by WordPress. I don't think a single one of my clients (yet) has requested a blog only. They use it to power the whole entire website. You don't even have to use the blog features. And if they don't need a custom design, you can find lots of great themes out there for free or low cost that will probably work.
If you go that route, let us know and we can help you get set up.
-
Susie, I didn't know that about just putting the few lines in there to make IE behave and I still don't know how that would work, but since you said it I am going to give it a try. I assumed because it was going to the IE stylesheet that it would not check the other one at all. That little bit of info you have just given me changes everything and makes things a lot more manageble.
It will check the main stylesheet first as long as you place the link to the IE stylesheet below it. So, something like this:
<link rel="stylesheet" href="style.css" type="text/css" />
<!--[if IE]>
<link rel="stylesheet" href="ie-style.css" type="text/css" />
<![endif]-->
And here's a good explanation of IE-Only Stylesheets that I just found: http://css-tricks.com/how-to-create-an-ie-only-stylesheet/
-
I could be wrong, but I think the only way to do something like that is to use hacks in the CSS which are not a good idea. They don't validate and they could cause problems for you in the future. I think a link to a separate stylesheet is the best way to go.
I apologize if this is something you already knew, but it took me a while to figure out.....you don't have to put ALL your styles in the IE stylesheet. Only put the few lines you need to make IE behave. So, when you make changes, you'll only need to open the IE stylesheet if something in there is affected.
-
Or you can go to Plugins > Add New > and search for "My Page Order". This plugin allows you to drag-n-drop the pages into the correct order. I use it for my clients when it seems like changing the number in the edit screen is too difficult to figure out.
-
You're welcome! Good luck with it!
Percentages :S
in CSS
Posted
Just curious...why are you using percents for the margin? Can you show us a link to your page (or at least more of the code)?