I set a css border (through jquery) on a fieldset. it looks fine in IE6 and
FF.
but in IE7, i see that the green top border of the fieldset seems to repeat
on form elements inside the fieldset that are radio/checkboxes.
Very weird.
A pic is attached:
http://arianhojat.com/temp/fieldset-bug.jpg
causes it. Here is a test to play with:
http://arianhojat.com/temp/fieldset-bug.html
On Wed, Mar 25, 2009 at 11:23 AM, Arian Hojat armyofda12mnk...@gmail.comwrote:
I set a css border (through jquery) on a fieldset. it looks fine in IE6 and
FF.
but in IE7, i see that the green top border
Here is a theme I am messing with...
http://www.arianhojat.com/temp/css_test/test.html
You can see when you hover over Home breadcrumb, that it expands the div (
the parent container has 5% padding, and it seems to get cut in half when
hovering over hyperlink).
i set a zoom:1 on the .breadcrumb to
I was getting reaquanted with 'A List Apart's tutorial on css shadows.
and i noticed they used negative margins for pulling out the image.
I first asked myself, Why not use negative relative positioning? Is it
a matter of choice?
At first i thought, Relative positioning adds possibility that you
Hey Ray,
'background: transparent;' in same rule is actually overiding
background tag from 'background-image: url(images/site_header2.jpg);'
You probably want 'background-color: transparent;' or just let it get
default value.
good luck,
Arian Hojat
On 8/3/07, Ray Leventhal [EMAIL PROTECTED
Hello all,
had an IE issue come up.
I have a absolutely positioned popup and 'underneath it' on the normal
static page I have some input fields which you can slightly see since the
popup has a little opacity.
In IE6 and IE7, I can type into these fields even though the popup is
showing up on top
hey,
google css invisible text IE highlight
This problem mostly occurs on background images [or colors] and on text
next to a floated element. To *remedy the problem*, simply insert position:
relative into the CSS command for the disappearing element, and for some
bizarre reason that'll usually
expands, then at bottom of content:
http://scott.sauyet.com/CSS/Demo/FooterDemo1.html
http://garyblue.port5.com/webdev/footertest.html
http://alistapart.com/articles/footers
good luck,
Arian Hojat
On 7/29/07, Debbie Campbell [EMAIL PROTECTED] wrote:
In this page:
http
explain it well)
http://www.andybudd.com/archives/2003/11/no_margin_for_error/
(this is also very good)
http://www.complexspiral.com/publications/uncollapsing-margins/
Arian Hojat
On 7/28/07, Michael Leibson [EMAIL PROTECTED] wrote:
Hi;
I'm trying to position the content area of a p below
I think id prefer padding, but borders are just as good.
Here is an example showing you a couple ways of doing same thing.
#example2 uses more emphasis on parent doing all the intial padding,
#example1 on the child (with 1px padding on parent to preven margins from
punching through).
Switch
Why not apply a class to those specific items and then set up a rule that
gets rid of the image for those items?
#maybeNeedAnotherIDSoRuleWins #navigation_left dd a.noImage
{
background-image: none;
}
On 7/27/07, Steve LaBadie [EMAIL PROTECTED] wrote:
I created a navigation structure inside of
oh yeh for IE
give that ul that contains the navigation, a float:left. then clear:both;
for the breadcrumb element afterwards...
i believe basically it does not 'contain' the float children, like draw a
border around the ul be4 and after the rule change.
I bet be4 the border doesnt wrap around
this rule:
#calendar .navbar .calendar li {
background:url(../graphix/round_corners/tab_right_yellow.gif) no-repeat
top right;
}
should be
#calendar .navbar li.calendar {
background:url(../graphix/round_corners/tab_right_yellow.gif) no-repeat
top right;
}
Since li is not some list
hey Ray,
Try setting #header padding to 0? or most 2ems somewhere else are showing
up.
i would focus on trying to get the right float to line up flush against
container's right side as thats what firefox is doing.
Havent looked at your stuff detailed myself. Might wanna look around for any
float
Whoops forgot to send to list:
Hey Dave,
The container will stretch to fit content that is flow normally in the
document. So far... the article is in normal flow (aka no crazy stuff like
floated or positioned), and left guy is floated. When floated, it breaks out
of normal flow. If you had text
If you look at that top right image float in IE6 with the IE developer
toolbar, i think the right image slightly tips over the input fields, so
since those are regular in flow content, floats can push them over (just
like text wraps around an image float).
Not sure why this occurs in IE, probably
Hey Neal,
If #articleOptions is absolutely positioned,
and why not set its parent #pad to position:relative,
so the absolutely positioned block #articleOptions is based off that
location.
On 7/23/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
on this link:
Hello all,
Often you see subtle slanted lines making up the background on blogs.
I have a simple example here (but mine does't line up and not so subtle :)-
http://arihoj.freehostia.com/css/pattern/testBackground.html
There are 3 images, one for body background, and one on each side of
centered
h... not sure. I dont think you can give width to the parent without it
containing the float in IE.
On 7/23/07, Eugene Morozov [EMAIL PROTECTED] wrote:
Arian Hojat пишет:
When you give an element 'layout' in IE6, it will expand to fit the
content inside ('hasLayout' is a funky IE
Just curious.Can u give an example of why you want it not contained? like a
link to the website or a link to a pic of your layout in FF.Maybe can
suggest another way to visually present the data.Arian
__
css-discuss [EMAIL
In that #insert-wrapper img rule try absolute positioning it as one
possibility.
#insert-wrapper img {
position: absolute;
top:0px;
left:-20px;
}
or maybe relative to the main page.
#inset #inset-wrapper {
position: static;
}
#inset #inset-wrapper img {
position: absolute;
top:100px;
hey Tee,
based on Philippe's response, it looks like you want that .poster li to not
have that margin...
the li.poster rule doesnt set any margins and margins in this rule do, so
hence the space:
li {margin: 0 0 0 96px; list-style:none;}
Adding following rule to his page and subtracting the
Need to think a bit more less row by row, and instead group things together
by if they make sense.
div id=container
div id=portion
div class=headerPortion/div
divfull input id=full type=checkbox/div
divhalf input id=half type=checkbox/div
/div
div id=theID
div class=labelID/div
Hello,
Somewhere those relative positioning and top/right coordinates go wrong i
think.
Hmmm maybe change the pics to be based on absolute positioning instead of
relative.
The li elements and a elements are relative, and u probably dont want to
base your pic elements off of that position, but of
Thanks all,
I think these IE expression hacks are always nasty but just what I'm looking
for.
Thanks
:)
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information --
Can u post a simple test example with just a row of (I assume floated?) a
and img html, and styles for those 2.
BUTTT be4 that, i have a feeling the whitespace is causing issue if u r not
floating them. like the returns between these will cause whitespace
img/
img/
img/
Try this...
hmm seems like u didnt try the suggestion?, get rid of the whitespace
between the
a /a
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information --
your code between 2 images looks like this:
a id=thumb1 href=tiles/32dd.jpg class=highslide onclick=return
hs.expand(this, {captionId: 'caption1'})img src=tiles/slices/32dd.jpg
alt= border=0 height=300 width=70/a!GET RID
OF THIS 'in between' SPACE!!
Hey all,
I was looking at the 'bottom footer' examples here:
http://css-discuss.incutio.com/?page=FooterInfo
and seems like if content area has alot of text, then the footer is 'pushed
down' anyway? even if it is absolutely positioned.
I seen a couple webpages where the footer is a neat little
My example of this is at http://test.riczho.dyndns.org/fullheight/.
Hey Ricky,
i looked at your example and like the rest ive seen if u expand the content
by raising the font-size, the footer gets pushed down by the content (in
fact your example is already pushed down beyond browser's viewport by
Now that you mention fixed positioning, i think you are right Frank, thats
probably what i want... but i remember IE doesn't support this right?
Anyway to get cross browser compatible?
__
css-discuss [EMAIL PROTECTED]
I have been looking at some tutorials. and some recommend the usual 'split
into basic.css, typography.css, layout.css, colors.css, etc', but I can see
a few peoples' arguments that to make a change for 1 thing, you might be
looking at changing alot of files. For example, when you want do change
Cool thanks. I think I'll stick to 1 file and separate by areas on the page
(generic/basic rules for page; nav, header, content, mainContent, sidebar,
footer, etc). Sometimes I get the rule that applies to generic things like a
hyperlink in nav, header, content areas, so im not sure where to group
I had an issue with IE6 and width/font-sizes.
A simple example of this is below:
http://arihoj.freehostia.com/css/test/width_parent_fontsize.html
Try resizing the text in IE6 versus FF/IE7.
What is going on here?
Shouldnt the #example2 div be the same size as #example1 div?
Thanks,
Arian
On 3/17/07, GPL [EMAIL PROTECTED] wrote:
Just when I thought I had this template where it needed to be, I tested it
out on a Windows PC using IE6 and something didn't look right up top.
hmmm playing with #FILLER-IMAGE...
#FILLER-IMAGE {
position: absolute;
top: 0; right: -10px;
Some Suckerfish methods use javascript to append to the current
className, and i was wondering if IE had problems with multiple
classes on an element?
I ran into an issue one time doing multiple classes on an element and
couldn't solve it and assumed IE[6] in some circumstances did not
apply them
Actually i remember now what kinda css IE had a problem with, seemed like IE
tried to work it out but goofed, simple multiple classes worked in IE i
think.
It was when multiple classes occur on an element and the css also targets
many elements:
like here is simplified code:
li class=tier1
seems like the css list is down, didnt get a confirmation for this
post yesterday?
On 10/9/06, Arian Hojat [EMAIL PROTECTED] wrote:
I was messing around with the Suckerfish code, on this page:
http://www.htmldog.com/articles/suckerfish/dropdowns/example/
and i was a little confused
I was messing around with the Suckerfish code, on this page:
http://www.htmldog.com/articles/suckerfish/dropdowns/example/
and i was a little confused by something...
when you hover over the list items, the backround color changes with
this simple rule:
#nav li:hover, #nav li.sfhover {
I know its not pissible but this page seems to do at least something similar...
I was trying to figure out how the background diagonal image on this
page seems to rotate when browser window is made small
(http://epitonic.com/).
I couldnt find it in the css. the image is
On 10/1/06, Nate Kresse [EMAIL PROTECTED] wrote:
It's not rotating, just compressing horizontally.
doh, I dont even think about non-css ways of doing design nowadays lol
yeh, u r right, i guess its just set in the html code with a table width=100%.
thanks.
Hello all,
Been trying to mess with this problem for a few days, can't seem to
solve it although made some interesting discoveries...
I place a comment after an element which clears the previous floats like so...
div class=clearFloat/div!-- clears previous floats: --
seen here
On 9/23/06, francky [EMAIL PROTECTED] wrote:
Hi Arian,
For FF a {height:1px;} is needed for the clearing div. Reason: with a
{height: 0;}and all other things set to zero too: the div doesn't exist!
To get the 1px back, you can add a (margin-bottom: -1px;}. In this way,
the green background
I updated the files, the element is cleared properly now, BUT in IE
has this new problem (errr why cant IE leave me alone hehe)...
When you highlight text in #content or #sidebar, the background color
of the div 'behind' the #body3 div leaks though...
I've got a scenario where I want to dynamically change the number of
lines of text that are visible, while it wraps around a float. The
problem is that, once I make the overflow property of an adjacent
block hidden, the float is excluded from the block (i.e., the block
decreases its width so
Id like to test my css sites on IE7.
but seems like I can't get IE7b2 installed on Win2000 based on stuff I
am reading.
Anyway to do this?...
Bonus points if its standalone and doesnt replace IE6 like the
standalone copies of IE5/IE5.5/etc I've seen on the web.
Thanks,
Arian
I really like the book as intermediate step before more advanced
stuff, like as a precursor to the book CSS Mastery.
But had a question on why the author did something...
On page 236, of Chapter 9,
he is using a background image on an #header element, a gradient that
fades from a top color to a
Hello all,
I guess there is no super solution to use sliding faux columns and rounded
corners at same time but here is my documented Advantages and Disadvantage's
of each method I tried (with a Question about method 3 so I'll mention that
one 1st)...
Ran into an issue for a fixed layout I made
Not sure myself Zoe, seems like should be a bug, but if you need contain
those div's, i think overflow can have any value other than visible.
So instead of auto, try hidden... it seems to let you focus correctly while
still keeping containing the boxes in FF.
Arian
looks fine to me... i see padding with the inline style, and not when its
removed.
!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
meta http-equiv=Content-Type content=text/html;
all I can and it seems like cant get
past those small disadvantages for the other Methods.
if I mention the word 'method' one more time in this post, i think i
am going to blow a fuse lol, Good night,
Arian Hojat
__
css-discuss
Hello Everyone,
I spent the night tonight trying to make Sliding Faux Columns but with
rounded edges at top and bottom of the columns. Also I wanted it so
the layout can lay on top of a gradient background where the gradient
will 'bleed through' the transparent areas of the rounded corners.
This
I figured out that little side-problem Graham mentioned... When clearing my
floats, the empty clearing div in IE shouldnt have a height of 0px like how
I set, otherwise the floats and background images behind them screw up.
Back to the real problem again with the padding :)
On 9/20/06, Arian
Then try to make #body1, match that with margin:0px 21px;. and it doesnt
work out.
On 9/20/06, Arian Hojat [EMAIL PROTECTED] wrote:
Hey franky,
When you say I guess all problems will melt if you make two distinct
corners constructions: 1 for the left box, 1 for the right box..
If i do
Hello all,
I was looking at some background positioning code that i never really
thought about until recently...
I was making a background image on a div with 'top left' declaration
and was saying to myself... 'Okay for some reason CSS guys choose to
do Y positioning 1st in the declaration and
http://css-discuss.incutio.com/?page=FrontPage
anyone else see LOTS of p0rn links at the bottom lol?
can anyone get rid of it,
I tried editing it out but it didnt accept my css-discuss password so
not sure if mailing list users have rights to edit the page. if users
dont have access to change it,
Hey Dave,
Someone also pointed out to me that the keywords can be in any order...
I was using w3schools as my reference and they say the possible values
of the property are...
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x-% y-%
x-pos
Hello all,
I was working on building a template for rounded sliding doors tabs,
set upon a rounded corner box like so:
http://arihoj.freehostia.com/tabTest.html
I got it working in firefox, but IE (6) seems to have a problem...
if you hover over one of the inactive links, a margin shows up
Hello all,
I asked this question on a few boards but no one knew answer so i was hoping
for better luck here.
i am a bit stumped by the ALA article on custom borders:
http://alistapart.com/articles/customcorners
In 'Step 3', these gaps show up and i have no clue why.
In it they say The gaps are
59 matches
Mail list logo
