Everything posted by Neji
-
Proper Formatting
That was my thought process. I'm not really sure, I'll have to sit my gran down and see how she gets on!
-
Proper Formatting
The content doesn't link but the title does. You've got me torn now
-
Client's navigation issue in IE7/8
Have they sent you a screenshot of the problem?
-
Proper Formatting
So from my example, what would the date be? Should I just wrap it in a span, then the news item heading an h1>? Should I not use h1 to separate the page sections, then use h2 for the headings in those sections?
-
help with fontface
I've read somewhere that it works as far back as ie4. The key is the .eot format IIRC.
-
help with fontface
Use the font generator at FontSquirrel, it'll convert the fonts for you. Then upload them but make sure your css points to the right place.
-
Proper Formatting
I've never really read anything specific about this but as I'm doing my first paid-for site, I though I should definitely learn the best way to layout certain sections of my site. So I have a section of the site which shows the latest news entries. It's laid out like this: Date News Item Title News Item Content Read More Link It's a simple question but what should the date's tag be? A header, a paragraph or...? Also, the read more is obviously a link, I assume not but should it be wrapped in anything? While I'm at it, I've read that you should probably only use one h1 tag per page. Is that a god rule to follow or should I use h1 tags to separate the sections of the page? For example, the homepage has a news section, then following that, there is a section which displays upcoming events. Should they both be headed with h1 tags? EDIT: While I'm asking about HTML stuff I've got another one. For example, say I need to float some elements on the page but also need to add margins. Would I be better creating a class called float-left and a class called element-name for the margins and assigning multiple classes to the element in HTML or should I just create one class which holds the margins and the float. I'm aware it may just be a personal thing but opinions would be welcome.
-
help with fontface
Might be a stupid question but you have uploaded them to the right directory?
-
Cross Browser Development
How far back do you go with the other browsers (other than IE)? Can you install multiple copies of FF, Chrome etc?
-
Wamp issue
Is anyone likely to try to abuse it? If not, I'd just leave it until you go live. Obviously, you wouldn't go live with this problem but just for a localhost, I'm not sure there's a massive reason to change it.
-
Review Mockup!
Well, it's much better than the old one! A couple of very small things I've noticed... 1. The header (Welcome to the new site!) has slightly rounded corners even though nothing else has. It should be matched up to be square IMO. 2. The shadow on the text for the tabs in the bottom left makes the text hard to read. 3. The tagline on your logo is also quite hard to read. Maybe you could try to define the areas a little better. At the moment, I'm not really sure where I'm supposed to look first.
-
Reviewing my site
1. The navigation isn't centered. It should either be as wide as the main banner or come in equally on both sides, currently it is too far to the right. I'll attach a picture to show it. Also, the shadow on it could either do with being removed or making a lot more subtler. 2. There is a white section between the background of the product slider and the footer. The background of the slider should continue all the way to the top of the footer. Either that, or it should have the dashed border on the bottom as well as the top of it. 3. The footer is in place so if your browser window is taller than the website, you carry on to get a white background which looks a little odd. I'd either make it a sticky footer or extend the footer background all the way to the bottom of the page. 4. On other pages, your content isn't centered or aligned. The main content starts higher than the sidebar and it also juts out too wide (or the side bar comes in too far. Again, I'll attach an other picture to show it.
-
Review my site
I'm probably reiterating what's already been said but here goes... Forget about making a website right now. Get a book on web design or design basics. At the least read some tutorials on making websites, there are a load out there. After that, grab yourself a copy of Photoshop or GIMP and design a couple of original sites. Don't worry about actually making them at this point. Just design. Then compare to modern websites. Keep getting feedback on here about what you're doing. Once you're comfortable using a graphics program, take one of your mocked up designs and code it. But do it properly. Sit down and learn HTML at first, then from that create your HTML page, it won't have any style at this point. Once you've set that up, learn CSS and try to style the HTML page that you created before. Your second design is certainly a big improvement on your first, even if it isn't near the standard that pros create. If you can keep improving but by using something like Photoshop then you shouldn't go too far wrong.
-
Vintage style icons
I can tell you in Photoshop what you need to do but I'm not sure how that translates over to PaintShop Pro. May help may not... 1. Use the pen tool to create the outline of your icon it should be white based on the icons you linked to. 2. Duplicate that outline and shrink it, make sure you shrink using the center point. You can then apply a different colour to this. If it was for a Facebook logo, then you'd make it blue. For this I'm going to make it red. 3. Get your desired logo and paste it into the document, resize, warp, whatever you need to do. 4. Find a paper (or any) texture you like and place it above all the other elements you've created. The texture should probably be white. On Photoshop there is something called Blend Modes, I'm not sure about PaintShop Pro. On Photoshop, set the Blend Mode to Darken. It should overlay your paper texture quite nicely. 5. Apply a drop shadow to your originally created shape. That's about it. It's not perfect because I did it quickly but that should get a similar result to what you linked to. Good luck translating that to PaintShop Pro
-
Cross Browser Development
I've got to the point now where I need to test out a website on all the major browsers, all the way back to IE6. How do you go about testing on all the browsers? With most you can only install one version at a time so how do you get around this? I've read in passing about Virtualboxes (I think), how much work are they to setup? Are they the best way to test? I've also seen sites like BrowserShots but I don't get on well with it. I'd much prefer to have the actual browser at hand.
-
Preformatted Text From Form to DB
Sorry, I wasn't clear. I meant I'd prefer a smaller solution and not have to include anything much extra as it's only going to be for one field. As this is in Wordpress, it seems to have applied <p> tags to it automatically. I just didn't expect it to do it from a db entry. Thanks for the help anyway.
-
Preformatted Text From Form to DB
I'd prefer to just do it with PHP if it's easily done. If not, then I'll certainly look into the editors.
-
Preformatted Text From Form to DB
I want to be able to enter text into a form and have it inserted into the database in the same format that it was entered. Basically, I want any line breaks to be recorded so when I pull the text from the DB it comes out with line breaks, or even better wrapped in <p> tags.
-
Wordpress - Plugin Help
Nice one. Thanks.
-
Wordpress - Plugin Help
Thanks. Probably a stupid question but why does it need to be in a function?
-
Wordpress - Plugin Help
Fixed this, finally! The code is fine so I'm still a bit confused but I just changed the name of the plug-in to something different and it worked. I guess 'Biography' was clashing with something
-
How to have a bg image and then put many scattered images, each of which being a link to different pages
You could but the bg image on the body, then create a div which is as wide as you need for your click-able elements. Then place the images in that div probably with absolute. I'm no expert though so there might be a better way. For your second question, what you're asking for is a WYSIWYG (What you see is what you get) editor, Dreamweaver being the best known one. I wouldn't recommend using them though because the code you get is usually functional but not very good. With a little help from forums like this, you'll get a much better solution most likely.
-
How to have a bg image and then put many scattered images, each of which being a link to different pages
You'll probably want a second opinion on this but I seem to recall reading about image maps being pretty slow and possibly more bandwidth intensive (based on image sizes). Thinking about it as well, if you do it as an image map, your background will take longer to load which is probably the biggest reason I'd position with CSS.
-
Wordpress - Plugin Help
I'm trying to code a plug-in, just something so that I can learn how to do such a thing. I've coded one plug-in already which works great. However, I'm totally stuck on the next. My code is below and I'm getting the following error: Fatal error: Call to undefined function add_submenu_page() in C:\web\www\kelly\wp-content\plugins\biography\index.php on line 47 The error is confusing because it's almost the same as the other plug-in I made. What am I missing? <?php /* Plugin Name: Biography Plugin URI: Description: A simple back-end UI to add upcoming shows to the database. Version: Author: Author URI: */ global $bio_db_version; $bio_db_version = "0.1"; function bio_install() { global $bio_db_version; $table_name = $wpdb->prefix . "biography"; $sql = "CREATE TABLE " . $table_name . " ( id smallint(5) NOT NULL AUTO_INCREMENT, bio longtext NOT NULL, height longtext NOT NULL, weight longtext NOT NULL, ethnicity longtext NOT NULL, eye_colour longtext NOT NULL, hair_colour longtext NOT NULL, hair_length longtext NOT NULL, build longtext NOT NULL, dress_size longtext NOT NULL, shoe_size longtext NOT NULL, languages_spoken longtext NOT NULL, vocal_skills longtext NOT NULL, dance_skills longtext NOT NULL, UNIQUE KEY id (id) );"; require_once(ABSPATH . 'wp-admin/includes/upgrade.php'); dbDelta($sql); add_option("bio_db_version", $bio_db_version); } register_activation_hook(__FILE__,'bio_install'); add_submenu_page('edit.php?post_type=content', 'Biography', 'Biography', 'manage_options', 'bio_page', 'bio_page' ); function bio_page() { echo '!'; } ?>
-
So, what IDE/software do you use to code?
Notepad++ for me but I've been meaning to try out some alternatives.