|
CSS - Css Forum Posting Guidelines
CSS Forum Posting Guidelines
Some very important things to keep in mind before you post your question: Note that if it appears you haven't read this, we're most likely just going to point you to it. BEFORE YOU POST Before you post your question, make sure your X/HTML and css validates! Visit w3.org to validate your X/HTML and css, if you don't, that's the first thing we are going to ask you to do. Invalid X/HTML and/or css gets unpredictable results. X/HTML Validator CSS Validator Here is a sample template you can use to make sure your test code is fully functional: Code: <!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>
<!--Don't add anything above this line, you may change the DTD to match your page-->
<title>Test Page</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<!--Uncomment the following line and remove the embedded style sheet if your style is external-->
<!--<link rel="stylesheet" href="includes/style.css" type="text/css" />-->
<style type="text/css">
/*add your styles here, or remove this section if your styles are external*/
body{
background-color:#ffffff;
}
</style>
</head>
<body>
<!--Put your x/html code here-->
</body>
</html>
USE YOUR RESOURCES As with all forums, there's a pretty good chance your question has already been answered... but css being what it is, you may not know exactly what you are looking for. Have a look at the resources sticky, or try searching for your problem. BE DESCRIPTIVE Spell it out for us. What do you think it should look like, what does it look like now, what is it not doing "right"... It's amazing (I'm guilty too) how many people post a "Have a look at this, how do I fix it?", but they don't tell us what it's supposed to look like. PROVIDE EXAMPLES Give us a link, or paste your code... we can't read minds, especially through the net. If you are providing a link to your page, make it an actual link using the bbcode tags, rather than just pasting the URL. If your css isn't embedded or inline, provide a link to it too, or paste it if it's not too big. USE A DESCRIPTIVE TOPIC NAME Topics which are simply... CSS Problem Please Help IE not working! Won't get many responses, try and come up with something a little more descriptive... Getting rid of space around floated divs in IE My footer won't stay at the bottom By the way, these are examples of problems that can be searched for... ALL PROBLEMS, BIG and SMALL Remember that the C in CSS stands for cascading, upper level elements have an effect on the lower level elements... If you have a large css sheet and a lot of code on your site, and one thing isn't working the way it should, chances are something else is interfering... try simplifying your code and see if it will work that way... An old debugging technique is to break it down into smaller portions in order to isolate the problem... Mod edit: Stickied, locked and posts removed. If anyone has anything they'd like to add to this guide, please feel free to PM me and I'll add it if needed. Thanks, Jon. Similar TutorialsSo, I've been branching away from the php forum, and trying to help out here, and I have several annoyances about the way people post... so I was wondering if we could put up a sticky (I know a lot of people wouldn't read it anyway...) about how to post in the css forum... I was going to send this via PM to the mods, but I didn't want to overstep my bounds. Things to be covered... 1 - Before you post your question, make sure your code and css validates! 2 - If you are providing a link to your page, make it an actual link. 3 - If your css isn't embedded, provide a link to it too, or paste it. Along with the usual things... 4 - Be descriptive... what do you think it should look like, what's it look like now, what's it not doing "right"... it's amazing (I'm guilty too) how many people post a "look at this, how do I fix it?" but we don't know what it's supposed to look like. I'm sure there is more... sound off! With all the hype these days about finally meeting CSS specs and designing without tables, I think this topic needs more focus. What do you think? Hello all! I wasn't sure where to post this since I don't know where my problem lies, in css or php. In a nut shell, when displaying values from mysql database in a css div, the data is displayed correctly 9 times out of 10, but there is always that one time it is messed up. Thank you for your help. Let me know if you need to take a look at my code (it is pretty lengthy to be posted on here). Hello all - I am trying to implement tabs to my forum, I currently have some on there but I like the looks better of the new ones that I am trying to get going. I find that when I get them working (using additional CSS as well as navbar/header edit) it will not work in all browsers. If I post the CSS as well as the navbar/header code would you be able to help me track down my issue? EDIT - I was going to post screenshots but was not permitted I would like to post on another forum with CSS. Is there any way to do this? I already have the content laid out with css in my html editor and just wanna transfer it to a forum as a forum post. I suspect forums don't allow css so just wondering if there's a way around this. Appreciate the help, JH Hello! First post here. I'm having a little problem with the my forums and I can't find the problem in the CSS. I was wondering if anyone here had some tips or a solution; It seems longer topic titles seem to effect how squished up the posters posts are; they get squished and pushed up to the right. I'm out of ideas and need some help. If you check any of the other posts on the forum with smaller titles, you'll notice that the posts are fine. It is definately something to do with large topic titles.. Any help would be appreciated. Hi, my CMS is bridged with a forum and the body background color from the CMS is overriding the forum css. I have similar issues with the p and td tags and perhaps more small stuff. How can I resolve the conflicts so I can set the forum styles independent of my Mambo template? Here is an example (body color issue) CMS code: Code: body {
margin: 10px 0px 10px 0px;
padding: 0;
font: 101.5%/1.4em "Trebuchet MS", Tahoma, Verdana, Helvetica;
letter-spacing: normal;
background: #232323 url(../images/body_bg.png) repeat-x center top;
color: #999;}
Forum code: Code: body {
font: 90%/85% Verdana, Helvetica, sans-serif;
background: #666666;
margin: 0;
padding: 12px 0 4px 0;
}
I have a layout that has text in a left div and the form input in the right. I want the form input to be 100% width of DIV.standard_field_right not 100% width of the entire page. Can someone give me a hint please. CSS and XHTML below: PHP Code: DIV.standard_field_container { width: 98%; padding: 0.4em; border: 1px solid #8B8B8B; background-color: #E2E2E2; overflow: hidden; } DIV.standard_field_left { width: 10em; float: left; margin-right: 5em; font: bold 0.8em Verdana, Arial, Helvetica, sans-serif; } DIV.standard_field_right { font: normal 0.8em Verdana, Arial, Helvetica, sans-serif; } SPAN.standard_field_type_info { font-weight: normal; color: #ff0000; border-bottom: 1px dashed #ff0000; cursor: help; } INPUT.input_text_field { width: 30em; } XHTML: PHP Code: <div class="standard_field_container"> <div class="standard_field_left"> <span class="standard_field_name"><?php echo $field_definition[1]; ?></span> <span class="standard_field_type_info" title="<?php echo $field_definition[7]; ?>">Information</span> </div> <div class="standard_field_right"> <span class="standard_field_input_area"><input name="<?php echo $field_definition[0]; ?>" type="text" id="<?php echo $field_definition[0]; ?>" maxlength="<?php echo $field_definition[10]; ?>"<?php if ($value_applies == '1') { ?> value="<?php echo $row["$field_definition[0]"]; ?>" <?php } ?> class="input_text_field" /></span> </div> </div> What is your go-to forum for web design (HTML, CSS, JScript, PHP)? I hate to be so spread out across a ton of forums around the same topic, but have yet to find a forum that seems to be very active. Which do you think have huge active communities of knowledgeable designers/developers? Here is my code Code:
<html>
<head>
<style>
div.menu
{
border: 1px solid #F3F3F3;
padding: 5px;
width: 800px;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="menu">
<table style="width:100%">
<tr>
<td>Test</td>
</tr>
</table>
</div>
</body>
</html>
What i am trying to do is set the division to align in the center of the screen. At the moment it is aligning on the left hand side. Why is this code not working? I've got an odd bug in IE7 that's got me completely stumped. I'm using drupal for sort of an art/comic site, and I've built my own theme off of the Zen theme, for anyone who's familiar with it. My main page works just fine. Once I get to either the gallery or forum things start to collapse and get weird. My sidebar loses it's positioning, and the width of the list items in the unordered list shrink down to the size of the image or tex they contain, rather than extending to fill their container. The only consistency I can find here is that they're both using unordered lists, but beyond that I'm not sure what's going on. I've tried to go through and swat any obvious CSS and HTML errors, so any advice or insight on this would be much appreciated. eta: looks like I can't post an opening topic with links yet, so I'll have to post them as a reply or something. |
|||||||