Re: [WSG] ServerSide Includes and Divs
Helmut Granda schrieb: I discovered something weird today. When I was creating my layout that contains includes for some reason my rules would not work properly only if the layout was like this. -- code starts Main Layout div id=’header’ Include ‘header.php’; /div div id=’content’ Include ‘content.php’; /div div id=’footer’ Include ‘footer’; /div --End of Main Layout --Sample Include //header.php div class=’tagline’Blah/div div class=’logout’Logout/div -- end of code BUT! If I did this… --code starts Main Layout Include ‘header.php’; div id=’content’ Include ‘content.php’; /div Include ‘footer’; ---End of Main Layout If you do it in this way, make sure you defined the div´s in the footer: *The index.php/main-layout:* --- require ‘header.php’; div id=’content’ require ‘content.php’; /div /require ‘footer*.php*’;/ ---End of Main Layout *The footer.php: -- * div id=footer ?php . ? /div Hope to helped you out. All the best, Soeren --Sample Include //header.php div id=’header’ div class=’tagline’Blah/div div class=’logout’Logout/div /div --end of code As you can see as long as I added my “header” wrapper in the “header.php” the rules would work fine, but if I didn’t then the rules would break. Has anyone experienced this? Is there any specific reason why rules would fail with includes? TIA ...helmut ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Site Check Please (Citinet Lending)
I am still in learning-process but in my opinion your site is excellent! Just test your site for example at ' http://www.sidar.org '. This validator found some problems. What I miss is a 'skip to main content' and accesskeys. With ff the text from the main-content overlapps the footer by using the zoom-function in some sites, e. g. http://dev5.headclerk.net/about.htm. Best wishes Soeren ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] problem with Conditional Comments
Got my information from ' http://www.positioniseverything.net/articles/multiIE.html ', the article is called a technical discussion about CSS. Tried these CCs in multiple ways, but it does not work. For example: ... link rel=stylesheet title=compact type=text/css href=stylesheets/layout.css media=screen / link rel=stylesheet type=text/css href=stylesheets/print.css media=print / !--[if IE 6] link rel=stylesheet href=stylesheets/ie5xstyles.css type=text/css / ![endif]-- !--[if IE 5] link rel=stylesheet href=stylesheets/ie5xstyles.css type=text/css / ![endif]-- So what I need are three css-files: - normal layout.css - one css-file for IE 6 - one css-file for IE lesser than 6 (5.0 - 5.x) Any suggestions? All the best: Soeren ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] problem with Conditional Comments
Dear Lachlan,
this was realy a typo.
Still it does not work.
The link to the site is:
http://www.webnauts.net/redesign/test.html
CSS-files:
http://www.webnauts.net/redesign/stylesheets/layout.css
http://www.webnauts.net/redesign/stylesheets/iestyles.css
http://www.webnauts.net/redesign/stylesheets/ie5xstyles.css
The problem is the first navlist on the right site
(German,Academy,Forums,Blog).
It works fine in IE7beta, IE6, ff, Mozilla and Opera. But the width of
navlist in IE5x is too short.
IE5x uses a larger width! So I decided to build a new css-file called
ie5xstyles.css and gave there a larger width.
It seemed to be, that the browser ignores the second conditional comment.
By the way:
Netscape has a problem with one line in the navlist. The bottom-line
under Forums is not displayed...
Thank you :)
__
Here the main code:
xhtml:
---
...
div id=murdernavi
!-- Begin of Sub Navigation --
ul id=navlist title=Sub navigation
li class=firsta href=http://www.webnauts.de;
hreflang=deGerman/a/li
lia href=http://academy.webnauts.net;Academy/a/li
lia href=http://forums.webnauts.net;Forums/a/li
lia href=http://blog.webnauts.net;Blog/a/li
/ul
div class=clearernbsp;/div
!-- End of Sub Navigation --
...
/div
...
(main) layout.css:
-
#murdernavi {
float: right;
width: 13.4em;
height: auto;
margin: 0;
padding: 0 0.9em 0 0;
}
#navlist {
margin: 0 0 15px 0;
padding:0;
}
#navlist li {
height: auto;
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #bbb;
background-color: #fafafa;
color: #000;
}
#navlist li.first {
border-top: 1px solid #bbb;
}
#navlist li a
{
display: block;
padding: 5px 5px 5px 8px;
border-left: 12px solid #E3DDD1;
text-decoration: none;
background-color: #F2F1ED;
color: #000;
}
iestyles.css:
-
/* HERE the problem with IE5x! Here the content of the file
ie5xstyles.css with a width of 13.1em should be included */
#navlist li a{
width:12em;
}
ie5xstyles.css:
-
/* More width for IE5x */
#navlist li a{
width:13.1em;
}
Lachlan Hunt schrieb:
Soeren Mordhorst wrote:
!--[if IE 6]
link rel=stylesheet href=stylesheets/ie5xstyles.css
type=text/css / ![endif]--
This one should link to a CSS file for IE6, not IE5.x, but I'll assume
that was just a typo and you meant something like ie6xstyles.css.
So what I need are three css-files:
- normal layout.css
- one css-file for IE 6
- one css-file for IE lesser than 6 (5.0 - 5.x)
Any suggestions?
Besides the mistake above, I don't see what else you could be having
trouble with. That's exactly what you need to do if you wish to
support IE5 and IE6 in this way.
In future, always provide a URI to a test page demonstrating the
problem, you'll be more likely to get much more helpful response if
you do.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] problem with Conditional Comments
yes Christian, the old IE-browsers are standalones ... Is it possible to install older versions of IEs next to a new one? Tried to install IE7beta as a standalone, but after that IE6 is not working anymore. For installation I followed an article of sitepoint IE7: The 'IEagle' has Landed http://www.sitepoint.com/newsletter/viewissue.php?id=5issue=18. thanks ! Soeren Christian Montoya schrieb: On 2/20/06, Soeren Mordhorst [EMAIL PROTECTED] wrote: Tried these CCs in multiple ways, but it does not work. For example: ... Any suggestions? As far as I know, if you have standalone installs of IE 5 and 6 on your machine, they will not see the conditional comments. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] AP div problem... please!
I set in #textbox the positioning from 'absolute' to 'relative', gave a
little 'lesser of px' in the #TJKul and it worked fine.
Maybe you have to fix some bugs in IE5x...
#textbox{
position:relative;
display:block;
left:30px;
top:72px;
height:20px;
width:50px;
background:url(http://www.mouseriders.dk/til_michael/imagesBG/textbox_white.gif);
z-index:1;
}
#TJKul {
margin-top: 72px;
background: #FFF url(kaosjs/ulbg_white.gif)
repeat-x;
float:right;
margin-right:30px;
}
All the best,
Soeren
Kim Kruse schrieb:
I'm trying to get my text resizer to work in FF/IE/Opera but for
some reason I don't see the AP div (#textbox) on the page in IE6.
If you go to this page
http://www.mouseriders.dk/til_michael/index_white.php (I'm not done
with the stylesheet for this page yet) and in the selectbox please
choose Hvid/blå kontrast and click the submit (skift). You should
now see a white page with the A a in the blue header (screen shot
here http://www.mouseriders.dk/til_michael/imagesBG/ss_1.gif) ...at
least in FF/Opera. I just can't figure out why the #textbox won't
show up in IE.
Any ideas?
--
Soeren Mordhorst
Ellerstr. 20
33615 Bielefeld
Germany
phone +49(521)380 29 74
mobile +49(178)141 25 90
email [EMAIL PROTECTED]
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] how important are validation-programs?
I feel good when a validation-program could not find any failures, cause it gives me a secure feeling that at least the basics of standards are complied. But how important is the validation with tools like hera or the w3c-validators realy? Let's take an example: After a CSS-validation made by w3c there appears the result:You have no background-color with your color : h1. In this case my question would be: Why should I define a background-color, if the background-color that should be used is already defined in the body-element? All the best, Soeren ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] problem with border-bottom in mozilla/netscape
Mozilla and Netscape do not display border-bottom: 1px solid #bbb; in the navigation-list in the 'li': Forums (first right box). Does anybody know why ? Link: http://www.webnauts.net/redesign Besides, Konqueror positions the legend-element too much to the left. For example he displays 'Training Academy' in the right box incorrect. I would also appreciate if you could have a look with some browsers and please let me know if you see any other problems on our page :) Thank you very much in advance ! All the best, Soeren ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] problem with border-bottom in mozilla/netscape
Thank you Darren! Problem is fixed. I added a line-height of 100% to the navigation-list. Thank you Al for the nice screen-shots! Now there are borders on the left and right site :) Greetings, Soeren ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Styling of input type=file
Dear WSG, for an input type=file we like to design the button and, if possible, the background-color for focus. Does anybody know how to do that? The link in the fieldset 'Upload a file to the W3C Validator.': http://www.webnauts.net/redesign/check.html Thanks in advance! All the best, Soeren ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Styling of input type=file
Thanks Martin, thanks Andrew ! I decided to leave it like it is. I understood that a satisfied styling of an input type=file - Element with CSS is not possible and Javascript in our website not acceptable. So we have to live with it like it is now. All the best, Soeren The link was: http://www.webnauts.net/redesign/check.html ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Styling of input type=file
Thank you Tiaan!
I think, this is a good appendage, but not fullfill everything, cause we
want to have something like input:focus and, for all things, style the
button with a background-image.
Greetings,
Soeren :)
Tiaan Vorster schrieb:
Hi soeren,
well this is one way
style type=text/css
!--
input {font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica,
sans-serif; background-color: #F0F0F0; color: #00AEEF; border: 1px solid
#FF; padding:0 3px 0 3px; margin-bottom:3px;}
select {font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica,
sans-serif; background-color: #00; color: #EF9702; border: 1px solid
#B1B1B1; padding:0 3px 0 3px; margin-bottom:3px;}
textarea {font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica,
sans-serif; background-color: #00; color: #EF9702; border: 1px solid
#B1B1B1; padding:0 3px 0 3px; margin-bottom:3px;}
--
/style
hope this is what you want, but just play with it.
Cheers tiaan :-)
- Original Message -
From: Martin Heiden [EMAIL PROTECTED]
To: Soeren Mordhorst wsg@webstandardsgroup.org
Sent: Friday, March 10, 2006 11:37 AM
Subject: Re: [WSG] Styling of input type=file
Soeren,
on Thursday, March 9, 2006 at 18:42 wsg@webstandardsgroup.org wrote:
for an input type=file we like to design the button and, if
possible, the background-color for focus.
Does anybody know how to do that?
The link in the fieldset 'Upload a file to the W3C Validator.':
http://www.webnauts.net/redesign/check.html
You could do it by using some JavaScript and a technique by PPK:
http://www.quirksmode.org/dom/inputfile.html
But do consider if it's worth to do so, or if you better stick with
the default controls for usability reasons.
regards
Martin
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
__
Email disclaimer and confidentiality note
Please refer to : http://www.inxcom.com/email.html
for Inxcom's email disclaimer and usage policy.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] H1 not aligning to top
Hello Taco,
to get a fast solution you should use the IE star-bug for your H1.
*html h1 {
margin-top: -14px;
}
The main problem is something else. You could recognize that, if you
will add a background-color to the content
to e.g. #000, and then have a look in Firefox and IE to see the
differences.
Greetings,
Soeren
Taco Fleur schrieb:
I got it fixed in Firefox, now in Internet Explorer there is the white line
above the H1.
I can't seem to figure out why if I put a clear: left on
h1 {
font-size: 120%;
color: #009933;
margin: 0px;
padding: 20px 0px 10px 20px;
background: #D7F1D1;
}
The white space comes back in Firefox?
Agreed about the list, to much hassle though at this stage, let me get this
right first.
It's fine now except the white line above the H1 in Internet Explorer.
Kind regards,
Taco Fleur - CEO
Free Call 1800 032 982 or Mobile 0421 851 786
Pacific Fox http://www.pacificfox.com.au an industry leader with commercial
IT experience since 1994 .
*
Web Design and Development
*
SMS Solutions, including developer API
*
Domain Registration, .COM for as low as fifteen dollars a year,
.COM.AU for fifty dollars two years!
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of Joshua Street
Sent: Tuesday, 21 March 2006 5:55 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] H1 not aligning to top
On 3/21/06, Taco Fleur [EMAIL PROTECTED] wrote:
I can't get the header to align to the top, there is a white space
between the About Lyte and the top navigation.
Does anyone have any idea?
Tried adjusting line-height: ?
Makes it better just quickly playing here in Firefox.
Also, that menu really looks a lot like it should be a list... just a
thought :-)
Josh
--
Joshua Street
http://joahua.com/blog/
+61 (0) 425 808 469
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
