|
|
 |
August 23rd, 2008, 05:12 PM
|
#1
|
|
New Member
Join Date: Aug 2008
Location: iraq
Age: 22
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0
|
styles problim in firefox*please help*
hello
there is a problim in firefox but i haven't got any problim in Internet Explorer 6, Internet Explorer 7
how can i solve this problim????
firefox:
InternetExplorer:
note: Iam useing PunBB forum
please help me
|
|
|
August 23rd, 2008, 07:02 PM
|
#2
|
|
Highly Reputable Member
Join Date: Mar 2008
Location: Chester, UK
Age: 19
Posts: 563
Thanks: 2
Thanked 41 Times in 41 Posts
Rep Altering Power: 0
|
Re: styles problim in firefox*please help*
Can you post a link? It'd be more helpful.
|
|
|
August 23rd, 2008, 08:47 PM
|
#3
|
|
Reputable Member
SuperMember
Join Date: Jun 2008
Location: Farnborough, UK
Posts: 406
Thanks: 8
Thanked 23 Times in 23 Posts
Rep Altering Power: 0
|
Re: styles problim in firefox*please help*
We need to see the source code to help you. Please post an url to the site.
|
|
|
August 24th, 2008, 10:50 AM
|
#4
|
|
New Member
Join Date: Aug 2008
Location: iraq
Age: 22
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0
|
Re: styles problim in firefox*please help*
Last edited by hamdpire; August 24th, 2008 at 10:58 AM..
|
|
|
August 24th, 2008, 08:37 PM
|
#5
|
|
New Member
Join Date: Aug 2008
Location: london
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0
|
Re: styles problim in firefox*please help*
If you can send the link or source code then I might be able to help you.
Thanks
Last edited by Aso; August 25th, 2008 at 08:09 AM..
Reason: No signature yet
|
|
|
August 25th, 2008, 11:59 AM
|
#6
|
|
New Member
Join Date: Aug 2008
Location: iraq
Age: 22
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0
|
Code:
/* *************************** Gdarband ****************** */
/* http://www.gdarband.com/meko */
/* ********************************** Gdarband *********** */
/****************************************************************/
/* 1. IMPORTED STYLESHEETS */
/****************************************************************/
/* Import the basic setup styles */
@import url(imports/base.css);
/* Import the colour scheme */
@import url(imports/gdarband_cs.css);
/****************************************************************/
/* 2. TEXT SETTINGS */
/****************************************************************/
/* 2.1 This sets the default Font Group */
.pun, .pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {
FONT-FAMILY: "Unikurd Web",tahoma,Verdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 10pt;
}
.pun {FONT-SIZE: 10pt; LINE-HEIGHT: normal}
/* IEWin Font Size only - to allow IEWin to zoom. Do not remove comments \*/
* HTML .pun {FONT-SIZE: 10pt}
/* End IE Win Font Size */
/* Set font size for tables because IE requires it */
.pun TABLE, .pun INPUT, .pun SELECT, .pun OPTGROUP, .pun TEXTAREA, DIV.postmsg P.postedit {FONT-SIZE: 10pt}
/* 2.2 Set the font-size for preformatted text i.e in code boxes */
.pun PRE {FONT-FAMILY: "Unikurd Web",tahoma,"Bitstream Vera Sans Mono", "Courier New", courier, monospace}
/* 2.3 Font size for headers */
.pun H2, .pun H4 {FONT-SIZE: 10pt}
.pun H3 {FONT-SIZE: 10pt}
#brdtitle H1 {FONT-SIZE: 10pt}
/* 2.4 Larger text for particular items */
DIV.postmsg P {LINE-HEIGHT: 1.4}
DIV.postleft DT {FONT-SIZE: 10pt}
.pun PRE {FONT-SIZE: 10pt}
/* 2.5 Bold text */
DIV.postleft DT, DIV.postmsg H4, TD.tcl H3, DIV.forminfo H3, P.postlink, DIV.linkst LI,
DIV.linksb LI, DIV.postlinksb LI, .blockmenu LI, #brdtitle H1, .pun SPAN.warntext, .pun P.warntext {FONT-WEIGHT: bold}
/****************************************************************/
/* 3. LINKS */
/****************************************************************/
.pun A:link, .pun A:visited {
text-decoration: none;
border-bottom: 1px dashed # }
.pun A:hover {
font-weight: bold;
font-style: none;
background-color: none;
text-decoration: none;
border-bottom: 1px solid # }
/* 3.1 Remove underlining for main menu, post header links, post links and vertical menus */
#brdmenu A:link, #brdmenu A:visited, .blockpost DT A:link, .blockpost DT A:visited, .blockpost H2 A:link,
.blockpost H2 A:visited, .postlink A:link, .postlink A:visited, .postfootright A:link, .postfootright A:visited,
.blockmenu A:link, .blockmenu A:visited {
text-decoration: none }
/* 3.2 Underline on hover for links in headers and main menu */
#brdmenu A:hover, .blockpost H2 A:hover {
background-color: #C23100;
text-decoration: none }
/****************************************************************/
/* 4. BORDER WIDTH AND STYLE */
/****************************************************************/
/* 4.1 By default borders are 1px solid */
DIV.box, .pun TD, .pun TH, .pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {
BORDER-STYLE: solid;
BORDER-WIDTH: 1px
}
/* 4.2 Special settings for the board header. */
#brdheader DIV.box {BORDER-TOP-WIDTH: 4px}
/* 4.3 Borders for table cells */
.pun TD, .pun TH {
BORDER-BOTTOM: none;
BORDER-RIGHT: none
}
.pun .tcl {BORDER-LEFT: none}
/* 4.4 Special setting for fieldsets to preserve IE defaults */
DIV>FIELDSET {
BORDER-STYLE: solid;
BORDER-WIDTH: 1px
}
/****************************************************************/
/* 5. VERTICAL AND PAGE SPACING */
/****************************************************************/
/* 5.1 Page margins */
HTML, BODY {MARGIN: 0; direction:rtl; PADDING: 0;CURSOR:url(http://www.gdarband.com/meko/style/3dgarro.ani);}
#punwrap {margin:12px 20px}
/* 5.2 Creates vertical space between main board elements (Margins) */
DIV.blocktable, DIV.block, DIV.blockform, DIV.block2col, #postreview {MARGIN-BOTTOM: 12px}
#punindex DIV.blocktable, DIV.blockpost {MARGIN-BOTTOM: 6px}
DIV.block2col DIV.blockform, DIV.block2col DIV.block {MARGIN-BOTTOM: 0px}
/* 5.3 Remove space above breadcrumbs, postlinks and pagelinks with a negative top margin */
DIV.linkst, DIV.linksb {MARGIN-TOP: -12px}
DIV.postlinksb {MARGIN-TOP: -6px}
/* 5.4 Put a 12px gap above the board information box in index because the category tables only
have a 6px space beneath them */
#brdstats {MARGIN-TOP: 12px}
/****************************************************************/
/* 6. SPACING AROUND CONTENT */
/****************************************************************/
/* 6.1 Default padding for main items */
DIV.block DIV.inbox, DIV.blockmenu DIV.inbox {PADDING: 3px 6px}
.pun P, .pun UL, .pun DL, DIV.blockmenu LI, .pun LABEL, #announce DIV.inbox DIV {PADDING: 3px 0}
.pun H2 {PADDING: 4px 6px}
/* 6.2 Special spacing for various elements */
.pun H1 {PADDING: 3px 0px 0px 0}
#brdtitle P {PADDING-TOP: 0px}
DIV.linkst {PADDING: 8px 6px 3px 6px}
DIV.linksb, DIV.postlinksb {PADDING: 3px 6px 8px 6px}
#brdwelcome, #brdfooter DL A, DIV.blockmenu LI, DIV.rbox INPUT {LINE-HEIGHT: 1.4em}
#viewprofile DT, #viewprofile DD {PADDING: 0 3px; LINE-HEIGHT: 2em}
/* 6.4 Create some horizontal spacing for various elements */
#brdmenu LI, DIV.rbox INPUT, DIV.blockform P INPUT {MARGIN-RIGHT: 12px}
/****************************************************************/
/* 7. SPACING FOR TABLES */
/****************************************************************/
.pun TH, .pun TD {PADDING: 4px 6px}
.pun TD P {PADDING: 5px 0 0 0}
/****************************************************************/
/* 8. SPACING FOR POSTS */
/****************************************************************/
/* 8.1 Padding around left and right columns in viewtopic */
DIV.postleft DL, DIV.postright {PADDING: 6px}
/* 8.2 Extra spacing for poster contact details and avatar */
DD.usercontacts, DD.postavatar {MARGIN-TOP: 5px}
DD.postavatar {MARGIN-BOTTOM: 5px}
/* 8.3 Extra top spacing for signatures and edited by */
DIV.postsignature, DIV.postmsg P.postedit {PADDING-TOP: 15px}
/* 8.4 Spacing for code and quote boxes */
DIV.postmsg H4 {MARGIN-BOTTOM: 10px}
.pun BLOCKQUOTE, DIV.codebox {MARGIN: 5px 15px 15px 15px; PADDING: 8px}
/* 8.5 Padding for the action links and online indicator in viewtopic */
DIV.postfootleft P, DIV.postfootright UL, DIV.postfootright DIV {PADDING: 10px 6px 5px 6px}
/* 8.6 This is the input on moderators multi-delete view */
DIV.blockpost INPUT, DIV.blockpost LABEL {
PADDING: 3px;
DISPLAY: inline
}
P.multidelete {
PADDING-TOP: 15px;
PADDING-BOTTOM: 5px
}
/* 8.7 Make sure paragraphs in posts don't get any padding */
DIV.postmsg P {PADDING: 0}
/****************************************************************/
/* 9. SPECIAL SPACING FOR FORMS */
/****************************************************************/
/* 9.1 Padding around fieldsets */
DIV.blockform FORM, DIV.fakeform {PADDING: 20px 20px 15px 20px}
DIV.inform {PADDING-BOTTOM: 12px}
/* 9.2 Padding inside fieldsets */
.pun FIELDSET {PADDING: 0px 12px 0px 12px}
DIV.infldset {PADDING: 9px 0px 12px 0}
.pun LEGEND {PADDING: 0px 6px}
/* 9.3 The information box at the top of the registration form and elsewhere */
DIV.forminfo {
MARGIN-BOTTOM: 12px;
PADDING: 9px 10px
}
/* 9.4 BBCode help links in post forms */
UL.bblinks LI {PADDING-RIGHT: 20px}
UL.bblinks {PADDING-BOTTOM: 10px; PADDING-LEFT: 4px}
/* 9.5 Horizontal positioning for the submit button on forms */
DIV.blockform P INPUT {MARGIN-LEFT: 12px}
/****************************************************************/
/* 10. POST STATUS INDICATORS */
/****************************************************************/
/* 10.1 These are the post status indicators which appear at the left of some tables.
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.isticky = sticky topics. By default only .inew is different from the default.*/
DIV.icon {
FLOAT: left;
MARGIN-TOP: 0.1em;
MARGIN-LEFT: 0.2em;
DISPLAY: block;
BORDER-WIDTH: 0.6em 0.6em 0.6em 0.6em;
BORDER-STYLE: solid
}
DIV.searchposts DIV.icon {MARGIN-LEFT: 0}
/* 10.2 Class .tclcon is a div inside the first column of tables with post indicators. The
margin creates space for the post status indicator */
TD DIV.tclcon {MARGIN-LEFT: 2.3em}
Last edited by hamdpire; August 25th, 2008 at 12:05 PM..
|
|
|
August 25th, 2008, 12:02 PM
|
#7
|
|
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,081
Thanks: 0
Thanked 37 Times in 37 Posts
Rep Altering Power: 0
|
Re: styles problim in firefox*please help*
In this case if it is broken in Firefox you need to re check your code, Firefox is more than likely rendering it correctly while IE is letting some things "slide". Please post a url to a working example. in the future design for Firefox and then fix in IE.
|
|
|
August 27th, 2008, 12:02 PM
|
#8
|
|
New Member
Join Date: Aug 2008
Location: iraq
Age: 22
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0
|
Re: styles problim in firefox*please help*
thank you very much
the problim is solved i didn't have this code in header:
Code:
<table border="0" cellspacing="0" cellpadding="0">
</table>
Last edited by hamdpire; August 27th, 2008 at 12:04 PM..
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
Similar Threads
|
| Thread |
Thread Starter |
Forum |
Replies |
Last Post |
|
CSS conflicting styles
|
ttaxi |
HTML, XHTML and CSS |
2 |
March 28th, 2008 02:01 PM |
|
who wants to talk about css print styles?
|
PixelLuv |
HTML, XHTML and CSS |
4 |
July 14th, 2006 11:51 AM |
|
styles on tables
|
cyberseed |
HTML, XHTML and CSS |
12 |
May 23rd, 2006 01:34 PM |
|
Styles in classes?
|
timmytots |
HTML, XHTML and CSS |
4 |
December 1st, 2005 10:20 PM |
|
Need Help with styles and where to start on this mess...
|
EAndrews |
HTML, XHTML and CSS |
10 |
November 7th, 2005 05:46 PM |
|