Try:
input {
display:block;
vertical-align: middle;
margin:0 auto;
}
td {height:50px;}
Regards
Maurício Samy Silva
http://www.maujor.com/
Tutoriais CSS
http://www.maujor.com/blog
Blog do Maujor
-
Hi Steve,
Please, no private messagens. Use reply all...
So the list knows its solved (or not)
Regards
Mauricio
- Original Message -
From: Graham, Steve [EMAIL PROTECTED]
To: Mauricio Samy Silva [EMAIL PROTECTED]
Sent: Thursday, November 15, 2007 6:22 PM
Subject: [css-d] center submit
Mauricio Samy Silva wrote:
Test case is here: http://www.maujorsite.com/temp/teste.html
When we open the 2nd and 3th level submenus the links left, right and
bottom borders
are missed in IE5.0 IE5.5 IE6 (don't test in IE7 until now).
If the submenu are closed and then re-opens, bingo
Test case is here: http://www.maujorsite.com/temp/teste.html
When we open the 2nd and 3th level submenus the links left, right and bottom
borders
are missed in IE5.0 IE5.5 IE6 (don't test in IE7 until now).
If the submenu are closed and then re-opens, bingo! the borders was there!
A possible
Hi Mark,
can direct me to appropriate info?
A great article about DL stylizations.
Russ teach us many ways for play with definition lists.
Have a look at: http://www.maxdesign.com.au/presentation/definition/
Regards,
Maurício Samy Silva
http://www.maujor.com/
Hi JonMarc,
Add !important directive in order to increase the specificity of the
attribute selector.
Actually the ID seletor rule is overriding the attribute selector rule.
Regards,
Maurício Samy Silva
http://www.maujor.com/
--
- Original Message -
From: Steve Marshall [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Wednesday, September 26, 2007 11:57 PM
Subject: [css-d] problem vertically aligning within a div
I've having problems vertically aligning 2 paragraphs and an image on
the bottom of a div.
Hi Don,
Try the following:
Get rid of the images and the javascript rollover for the navigation on the
header.
Mark up that navigation as HTML type as you want.
Set the height for the #header in ems instead px.
As you define the base font 62.5% you get 10px = 1em.
So the header height must be
From: Erland Flaten [EMAIL PROTECTED]
Sent: Wednesday, September 19, 2007 1:45 PM
Subject: [css-d] justfied text and aligment
What I finally wants to accomplish is to lines of text in different
size, but same length of each line.
-
Hi
From: Kevin Stevens [EMAIL PROTECTED]
Subject: [css-d] Text overflowing from divs
When I increase the text size several times, on my site
(http://www.ratking.co.uk)it overflows the right hand div and gets lost
behind the body background image.
Kevin Stevens
From: Luc [EMAIL PROTECTED]
Is there some work around to centre a thumbnail gallery?
http://www.dzinelabs.com/projects/MP/Pages/metalicanav
I notice here that the thumb gallery isn't centered only in IE6/Win.
Since it is centered
- Original Message -
Mauricio Samy Silva wrote:
Hi,
Problem occurs at: http://www.maujorsite.com/temp/photo-gallery.html
Please, load the page in *IE6* and you'll notice that some thumbnails are
missed.
If it loads all the thumbnails at the first time the page is loaded,
please
Hi,
Problem occurs at: http://www.maujorsite.com/temp/photo-gallery.html
Please, load the page in *IE6* and you'll notice that some thumbnails are
missed.
If it loads all the thumbnails at the first time the page is loaded, please hit
F5 (or reload the page) sometimes and
violá, you will notice
- Original Message -
From: Richard Brown [EMAIL PROTECTED]
The site is here:
http://blog.cregy.co.uk/
I have put a background element to the h2 in the extra and navigation
divs. Any idea why it doesn't show please?
From: Gpalz [EMAIL PROTECTED]
However, the left column (navigation) has a gap between itself and the
top
banner. This only appears in Firefox. I'd like to get rid of this gap,
http://gpalzproductions.com/v4/index.html
http://gpalzproductions.com/v4/stylesheet/style3b.css
George
From: Web Weaver [EMAIL PROTECTED]
I'm trying to center a li, that creates a button in a ul inside a div. It
looks right in IE7 but not in FF2
I'll paste the css code below, here is a link to the page, with the css
internal:
http://uneedstuff.net/testsites/index.html
From: BJ Clark [EMAIL PROTECTED]
Subject: [css-d] Page jumping horizontally in Non-IE browsers
I have a page (temporarily) at
http://scidept.dyndns.org/~bjclark/mojack/facts.html
--
Hi Clark,
Pay attention to the vertical
From: Rick Faircloth [EMAIL PROTECTED]
Subject: [css-d] Relationship between styles settings and stylesheets
What I would like to know is the relationship (perhaps hierarchy is
better)
between styles on a page or between a main stylesheet and a stylesheet,
say, for just IE and one for the
From: [EMAIL PROTECTED]
It has to be something really stupid because I can't see what I'm doing
wrong:
http://www.linkhomes2000.co.uk/trials/bk/form%20trial.php
Worst in Opera, but doesn't work in any of them. Labels will not align no
matter what I've tried.
David G)
From: Edinburgh Nights [EMAIL PROTECTED]
I usually add id but I have a series of tables I want to apply the same
class to
table classsignup_table
--
Hi Ross,
There is a 'equal sign' missed in your HTML code:
table class=signup_table
In case the
Hi Mike,
Because it's not a cascade issue.[1]
It's an inheritance issue.[2]
The CSS property border isn't an inherited property or in other words,
doesn't apply to children elements.
[1] http://www.w3.org/TR/REC-CSS2/cascade.html#cascade
[2]
.
Mike
-Original Message-
From: Mauricio Samy Silva [mailto:[EMAIL PROTECTED]
Sent: Monday, June 04, 2007 2:09 PM
To: [EMAIL PROTECTED]; css-d@lists.css-discuss.org
Subject: Re: [css-d] table class
Hi Mike,
Because it's not a cascade issue.[1]
It's an inheritance issue.[2]
The CSS property
From: Fiona [EMAIL PROTECTED]
Hello,
I have just downloaded a version of IE6 to test it, and it does weird
things.
www.fionahayward.com
fiona
---
Hi Fiona
You must trigger hasLayout [1] to the footer DIV in order to call IE to
action:
- Original Message -
From: Eystein Alnaes [EMAIL PROTECTED]
The validator reports:
Parse error - Unrecognized @import url(reset.css);
url:
http://www.eystein.no/testing/Styles/style.css
Hi Eysten,
I'm
From: Linda Quinn [EMAIL PROTECTED]
I have a page that lists instructors with their bios, and the bios
are of varying lengths. I recently added photos for some of the
instructors, and in the case of people with short bios, the spacing
doesn't look very good.
From: Linda Quinn [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Cc: Mauricio Samy Silva [EMAIL PROTECTED]
Mauricio -
The page looks fine without it - the spacing problem appears to be good.
However, I am confused. You said that the code was clearing the paragraph
that encloses the image text
From: trevor bayliss [EMAIL PROTECTED]
#areas LI {
/* put the lists and list elements on one line */
float:left;display:block; padding-left:3px }
--
Hi Trevor
Have a look at: http://css.maxdesign.com.au/listamatic/
there are tons of
From: skip evans [EMAIL PROTECTED]
li style=background: #00 !important;item/li
---
Hi Skip
Put the inline style inside the A tag instead of the LI tag as you did.
lia href=# style=background: #00;current item/a/li
OR
From: skip evans [EMAIL PROTECTED]
...but it turned off the hover cover from the list.
---
Hi Skip
Assuming that you get the class solution
lia href=# class=currentcurrent item/a/li
ul li a.current {background: #00;}
Now add
From: [EMAIL PROTECTED]
font class=b2brbMáiréad/b is co-composer of the original score for
the dance show bInvasion/b.
br-- nbsp;Choreographed by Stephen C. Scariff and Ronan Morgan.
br-- nbsp;Music by Máiréad Nesbitt and Tibor Kasza.
br-- nbsp;Directed by Robert Alföldi.
brWatch this space for
At 5/22/2007 10:15 AM, Mauricio Samy Silva wrote:
I hosted a test case showing a possible solution:
Please, look at: http://www.maujor.com/temp/css-d/hover-effect.html
__
Mauricio, this technique as you've used it here doesn't survive
text-resizing, but it looks like
From: Tim Offenstein [EMAIL PROTECTED]
Subject: [css-d] IE6 creating big gap
The page is
http://www.ahs.uiuc.edu/research/center/default.htm, the Staff
IE6 is creating a huge gap between the director's
information and the section title Theme Leaders.
-Tim
From: Terry O'Leary [EMAIL PROTECTED]
I have an ul acting as a menu (so each li in the list is wrapped in
anachor), next to that I have a div containing a jumble of words.
What i'd like to do is when I hover of the list item some text in the
jumble
words change color so they stand out of
From: Tango [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
First I have an unwanted space at the bottom of floated images and can't
seem to find a fix to the problem.
Add:
.maplist img {display:block;}
-
Secondly, is
From: Richard Brown [EMAIL PROTECTED]
Subject: [css-d] Banner and Menu problems
...
The site is
760px wide with margin set to 0 auto. And here is the link:
http://testbed.cregy.co.uk/
http://testbed.cregy.co.uk/wp-content/themes/sgafluid/style.css
The problem
From: Kate Kelly [EMAIL PROTECTED]
The div rightColumn appears to be pushed down the page and I can't figure
it
out.
The URL is http://www.katekelly.org.uk/BAVO/index.htm
Kate Kelly
Hi Kate Add the following to the site's CSS:
Hi gang:
Is there any way to use css to remove the border that accompanies an input
box?
I've tried border: none;, but that hasn't worked.
Cheers,
tedd
--
Hi Tedd,
Use input {border-width:0;} instead and it will
From: [EMAIL PROTECTED]
What is the best way to format the Hover Effect in a List Menu without
affecting other links on the page?
Thanks Ahead of time for your help...
Kindest Regards,
Rich
---
Not only for hover but for
- Original Message -
From: Lars Bruzelius [EMAIL PROTECTED]
CSS:
.first {text-indent: 0em}
.left {float: left; width: 2em}
.first:first-letter {float: left; font-size: 3.2em; font-weight: bold}
HTML:
div class=leftS.D./div
p class=firstFöredrogs Amiralitets-Collegii
underdåniga Förslag,
From: Ian Young [EMAIL PROTECTED]
To: [EMAIL PROTECTED] Css-Discuss. Org css-d@lists.css-discuss.org
Sent: Friday, May 11, 2007 4:01 PM
Subject: [css-d] Box model -I am being really stupid here
... Basic template for simplicity is at. You will see the border
at the top of the page in FF -
Hi all,
Is it possible to achieve a horizontal ordered list in IE6
using only one OL element and valid CSS without images?
Say:
1. First item2. A longer second item 3. shorter 3th
HTML:
ol
li... /li
li... /li
li... /li
/ol
CSS:
ol li {
float:left;
margin-right:25px;
}
From: Susan Grossman [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Friday, May 11, 2007 8:37 PM
Subject: [css-d] Border not showing in IE
There should be a line under the non-active secondary tabs in this
mock-up.
It appears OK in FireFox and opera.
Lori,
Thanks now I know that IE7 behaves like IE6 on this issue.
The question is how to force IE renderizes the markers.
I'd like to know if it is impossible or not.
Maurício Samy Silva
http://www.maujor.com/
- Original Message -
From: Lori Lay [EMAIL PROTECTED]
To: Mauricio Samy Silva
- Original Message -
From: Matt Tibbits [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
I’m having a problem with the top margin on a div id=”content” not
showing
up in IE. There is a list styled as a horizontal menu that is floated left
BEFORE this div, however I have cleared the
- Original Message -
From: Shelly [EMAIL PROTECTED]
To: CSS-D css-d@lists.css-discuss.org
http://anekostudios.com/help/
I've tried various methods to clear the float, but I can't seem to get
the content bottom to push past my floated avatar. I don't *want* to
set a min-height for
From: Robert Lane [EMAIL PROTECTED]
I have a page here: http://tinyurl.com/2go7kn
Looks right in Firefox, but I am getting a 12px white space below my
floated image in IE7. Not sure about any other browsers. The code
validated and the CSS validates.
- Original Message -
From: Debbie Campbell [EMAIL PROTECTED]
In this page:
http://www.parallaxwebdesign.com/projects/nea/
The link in the subfooter at the bottom isn't showing as a link.
-
Hi Debbie,
Get rid of the
From: Will Seehorn [EMAIL PROTECTED]
the 3d level menu doesn't do that. All choices change color, all text
goes red. I've looked and can't figure out what I've done wrong. I'd
appreciate help. (and if you see other problems/stupidity/etc feel
free to comment on that too)
URL of web page
Hi Brian
From: Brian Jones [EMAIL PROTECTED]
Subject: [css-d] Site Check and CSS help
http://tourism.temple.edu/smartbaltimore/default.aspx
The menu does not look right in IE6 so if someone could help
me with the CSS for that, that would be great.
Add the following CSS:
#navcontainer UL li
I have a dog on our website that does not stay put. Depending on which
browser you are using it will move. The dogs leg will cover links on our
menu that makes it difficult to click the links.
It appears on every page in our website aside from the homepage. Here is
a
link to one of the
Hi Jason
http://anbexpress.com/redesign/
1. The hover states work fine in Firefox but it is not working in IE6 for
some reason.
Add:
ul li a {
display:block;
...
}
---
Also the class = active doesnt appear in
http://www.linkhomes2000.co.uk/trials/trial-basic-index.php
But in IE the sidebar leaves a small space on the right which can be seen,
but when you enter content is very clear.
Hi David,
Change #main{width:100%; ...} to #main {width:auto; ...}
Maurício Samy Silva
http://www.maujor.com/
Hi Matt,
This is a haslayout issue [1]
Add the following to your CSS
#menu LI {
width:100%;
}
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
You can see my list here: http://www.tibbits.ca/test/index2.php
Hi Sandy
I use onfocus/onblur JavaScript attributes as a workaround:
onfocus=this.style.backgroundColor='#cc';
onblur=this.style.backgroundColor='#ff'
Maurício Samy Silva
http://www.maujor.com/
Hello All,
Is it possible to get A:focus working in IE?
I have done a little research,
Hello there,
I am having trouble making the text from the second paragraph on this
page wrap around the photo in IE 6/7. Works fine in FF.
http://216.219.192.121/press.php
I suspect this has to do with IE's haslayout problems, but I can't
figure out how to make the p that contains
Hi Scoot,
There are to ways for apply different links rules in a document:
1-) Assigning a class to the set of links with different styles
and declaring CSS for that class like :
a.dif - a.dif:visited - a.dif:hover
2-) Play with CSS specificity:
# content a #navigation a
Regards,
Maurício Samy
Hi Jennifer,
Do the following in your CSS:
1-) Get rid of margin-top:1em for #navigation;
2-) Add: #header map {margin-bottom:1em;}
Maurício Samy Silva
http://www.maujor.com/
I am having a problem getting something to look good in both ie and
firefox. If I fix the margin/padding to look
i am working on a vertical nav bar that uses images along with background
images to swap on a:hover.
the problem is that i have the background image on position left top but
as
you can see it is far from top :-/
link: http://melissagerstein.com/tests/bg_test/test.htm
Thanks in advance
Hi Silvasonic
you can see my first attempt here (completely unfinished -- focus on
the title and the 'bubble' counter): http://dev.silvasonic.com/css-d/
heading
Add the following to your CSS:
#comments {
position:relative;
top:-30px;
...
}
Hi Silva,
thanks mauricio! it worked like a charm (see results here:
http:// dev.silvasonic.com/css-d/heading/index_02.html
Glad it works!
would you mind explaning briefly what you did? you moved the
container upward by subtracting 30 pixels from its top position? i
would've never figured that
Hi Ray,
I 've locally inspected the renderized code fragment you sent and it don't
shows the disappearing issue you asked for (both in IE and FFox)
The related bug seems to depend on the global context of the layout.
I'm afraid that nobody will be able to point out a solution without the
Hi Lori,
Try the following CSS:
#footer {
position: relative;
width: 100%;
height: 50px;
clear: both; }
#footwrap p {
width:100%;
margin:0 auto;
position: absolute;
bottom: 0;
text-align:center;
}
Regards,
Maurício Samy Silva
http://www.maujor.com/
I would
Hi Phil,
You put the keyline on the *div#davinci_nav* which comes in the markup
before the horizontal navigation, and set 30px high
for that DIV, and it's just what is appearing when the code is renderized,
e.g. two lines 30px spaced just over the navigation.
You can achieve the effect you are
Hi Joe,
I tested in IE6, Opera9 and FFox2 all under Win and things go right here.
The small link appears fine on first time page loads.
It's an orange underlined text link. Isn't it?
Nothing happened when I reloaded the page.
PS: layout broken in IE5.5/Win
Maurício Samy Silva
The menu at the very top of this page is composed two unordered lists
stacked on top of each other.
#navlist
#navlist2
In IE6/IE7, there is space between the ULs; in FF, there is not. I CANNOT
figure out why IE6/IE7 puts space between them. Can anyone enlighten me?
I can't sort out why the logo in the white box at the top is shifted right
8 or 10 px
http://spinhead.info/ah/one/
I've colored the background image yellow to show where the left edge is;
the white background of the logo image should cover that, but leave a
small dark blue border to
If anyone has a bit of time, please look at the schematic(on the left) and
three links(on the right) at the bottom of the page at
http://www.edi-cp.com/estimator/edi_at_calculator.html
Is there a better way of getting the two spans to appear side-by-side
centered on the page with a small
I'm using the following technique to lay out a page:
http://blog.html.it/layoutgala/LayoutGala13.html.
How do I make the left (blue) and right (orange) columns extend fully to
the
footer, even if they just have a little bit of information in them?
Daniel Hammond
Hi Daniel,
This can be
Hi Robert,
This is a collapsing margin issue.
As usual, the correct behavior is the FF rendering way *showing the gap*.
Have a look at: http://css-discuss.incutio.com/?page=CollapsingMargin
Mauricio Samy Silva
- Original Message -
From: Robert Lane [EMAIL PROTECTED]
To: Css-Discussion
Hi Scott,
Let's do a little change in your CSS.
Use the following rules for div#content
div#content {
height: 397px;
overflow: auto;
background: url('images/index_03.jpg') no-repeat top right;
padding-right: 270px;
}
Mauricio Samy Silva
- Original Message -
From: Scott
Associates is messing.
What are you intending there. Is it a three rows menu?
Mauricio Samy Silva
- Original Message -
From: Del Wegener [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Sent: Thursday, April 12, 2007 1:35 PM
Subject: Re: [css-d] Horizontal Menu -- Two Rows
Don't get rid
Hi Tom,
Clear the wrapper DIV adding the following to the CSS:
div#wrapper{
overflow: auto;
width: 100%
}
Mauricio Samy Silva
- Original Message -
From: Tom Dell'Aringa [EMAIL PROTECTED]
To: css-d [EMAIL PROTECTED]
Sent: Thursday, April 12, 2007 1:58 PM
Subject: [css-d] Firefox
Hi Richard,
Let the #sidebar flows in their actual place, i. e. unfloat the #sidebar and
assign width=100% for #container.
Mauricio Samy Silva
- Original Message -
From: Richard Brown [EMAIL PROTECTED]
To: CSS-Discuss css-d@lists.css-discuss.org
Sent: Wednesday, April 11, 2007 9:12 AM
One way to achieve you are intending is:
Add the following CSS:
#container {
position: relative;
...
}
#address {
right:0;
bottom:0;
...
}
Maurício Samy Silva
- Original Message -
From: [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Tuesday, April 10, 2007 3:38 PM
Subject:
Play with the width of #content #nav and #featured
You've assigned 57% for #content width and doesn't define width for # nav
and #featured
Try the following.
#nav { float: left; width:20% ;}
#featured { float: right; width:20% ;}
Regards
Mauricio Samy Silva
- Original Message
Hi John,
The #globalContainer is 825px wide, so it is greater than the intended page
width 760px.
The diference 825 - 760 = 65px is causing your main content to be shoved to
the right.
Assigning #globalContainer { width: 760px; ...} will fix.
Regards
Mauricio Samy Silva
- Original Message
Hi all,
It's well know that some styles applied to an OPTION element inside a SELECT in
most cases is honored by Firefox but doesn't by IE.
For example: if we set width:120px for the select and width:200px for the
OPTION, IE ignore the 200px and goes with 120px for the OPTION.
Are there a
and check the width sum: left + margins + right
= 760px.
Regards
Mauricio Samy Silva
At: http://mypracticesite.com all the sub pages have the text area dropped
below the sidebar in IE 67. I have tried floats, vertical-aligns ( which IE
doesn¹t support) and more... And can¹t get anything to work
Hi Bruno Fassino,
Many thanks for the fix and test case.
I forgot that widthless floats can cause headaches. :-)
For information only:
I've had discover that using an Opera8 and 9 filter
it is possible to fix too, but IMO is a horrible solution: :-(
@media all and (min-width: 0px) /* only Opera
I'm puzzled Bruno!
Returning to your test case in order to locally check the issue pointed out
by Holly, I just realized
that there isn't scrollbars (in Opera sure!) when your code was renderized.
I am supposing that the test case must shows the scrollbar or Am I missing
something?
Sorry,
Mau
Hey! I'm stupid.
Resizing a bit my 1200 horizontal window the scrollbar appear.
Mau
I'm puzzled Bruno!
Returning to your test case in order to locally check the issue pointed
out by Holly, I just realized
that there isn't scrollbars (in Opera sure!) when your code was
renderized.
I am
Hi all,
The document is valid XHTML and CSS and is hosted at:
http://www.clickmaujor.com/tiradentes/index.html
Everything goes fine in FireFox - IE 5.5 6 - (IE7 not tested yet, but would
appreciate a report). All under Windows
Things go wrong with Opera 9.
I'm having an unnecessary horizontal
Hi John,
It seems to be a 'clearing floats' issue.
Try add the following:
# wrapper {
overflow: auto;
width: 100%
...others actual rules...
}
I suggest you the following links:
http://annevankesteren.nl/2005/03/clearing-floats
The more convincing answer for my question
(http://archivist.incutio.com/viewlist/css-discuss/86680)
I've got on a WAI list.
David White said:
...The point about using numbers (I.e. Hex values) instead of names is
purely so that there can be no misunderstanding when parsing on the client
]
To: css-d@lists.css-discuss.org
Sent: Friday, March 30, 2007 10:35 AM
Subject: Re: [css-d] CSS color names values versus accessibility
On Fri, 30 Mar 2007, Mauricio Samy Silva wrote:
David White said:
...The point about using numbers (I.e. Hex values) instead of names is
purely so that there can
It would be great if somebody could clarify the following:
Section 9.1 of WCAG10-CSS-TECHS
(http://www.w3.org/TR/WCAG10-CSS-TECHS/#style-color-contrast)
says to use numbers, not names, for colors.
Section 4.3.6 Colors of CSS2.1 Specs
(http://www.w3.org/TR/CSS21/syndata.html#color-units)
says
Hi Kieron,
Are colors names deprecated?
So, why color names are on CSS3 Specs?
http://www.w3.org/TR/css3-iccprof#colorunits
Maurício Samy Silva
http://www.maujor.com/
Hi Mauricio,
So, why avoid colors names if they are legal according CSS21 specs?
The color names are deprecated in the same
This is a typical clearing floats issue.
Set:
#featured {
overflow: auto;
width: 100%
...actual rules...
}
See: http://annevankesteren.nl/2005/03/clearing-floats for further
information.
There are tons of fixes:
Make Google search for: 'Clearing floats'
PS: There
88 matches
Mail list logo