Re: [css-d] How would you approach an organization chart in CSS?
I would agree with an image for the kind of char you want, but don't toss out the idea of reworking the chart to take better advantage of HTML elements and CSS, such as a hierarchical OL - you could have a class=levelN (where N is the level, 0, 1, 2, etc) and each class could have a set indent based on the level and a different icon for each level's LI element. Use bold/unweighted font for the solid lines vs. Founders and Hon VP (since they have the dotted lines going on). Also, tables would do fine, but again you would have to think outside of the original design. One idea would be to create a table, make use of nbsp;'d cells in the table for spacing or overflow: auto; for cells (can't remember if this is legal in a TD?). Instead of solid chart lines, use different color backgrounds from cell to cell and make your cellspacing and border to 0. Good Luck! Zak On Tue, Jun 10, 2008 at 8:33 PM, Michael Stevens [EMAIL PROTECTED] wrote: Looks like a table to me... I wouldn't be afraid of using a table for it but making it a graphic would be MUCH easier than screwing with any HTML element. Mike -Original Message- I need to redo a organization chart that is a graphic and therefore not editable. I could rework it in another graphic, but I was trying to think how you could do it with just markup and CSS. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Image Placement in CSS - Help!
Hi,
I'm kind of limited in testing as I'm at school right now, but I
think you should be able to position this element using style
attributes such as
.myImageClass {
position: fixed;
right: 20px;
bottom: 20px;
}
or something similar. Also, look into perhaps making the pumpkins a
watermark so that once you've positioned them, they should stay fixed
no matter how the page flows and scrolls. You may have to achieve this
using some kind of hack, such as having the pumpkins as the background
for a div that takes up the whole viewport, but this is probably not
what you're looking for (and may not work for all I know). As far as
transparent PNGs in IE6, well, I can't really help there. I would
suggest perhaps having the page determine if the browser is IE6 or
OTHER and using a GIF (ew I know) for IE6 and let everyone else
enjoy the crisp PNG action.
Hope this helps,
Zak
On 10/23/07, Elli Vizcaino [EMAIL PROTECTED] wrote:
Please help me! I really want to execute this design
as I've visualized and designed it. I need to be able
to place the pumpkins image as shown in the graphic
comp: www.e7flux.com/thanksgivingbuffet2.jpg. The code
and CSS can be found here: http://e7flux.com/tgb/ -
I'm not sure how to place this image where I want it
and have it always be in that particular spot even if
the linen runner part of the design grows as content
gets added (that will be on another page).
Dunno if I should place it as a background image as I
already have a bit of that going on with the other
images. Or do I use the position property with a
z-index, though I'm not really sure how to go about
doing that. What I've already tried hasn't worked.
This design is for the most part a visual experience,
there won't be a whole lot of textual content, so it's
really important I code this site as designed.
Another issue I'm having is that I'm working with png
files for transparency which are giving me a headache
in IE 6 even though I implemented the twinhelix.com
script someone on this list suggested a while back.
There are issues with it - I can't have tiling
backgrounds and this design is comprised of tiling
backgrounds - is there a work around and or another
script someone can suggest? I so hate IE!
All feedback and suggestions welcomed.
TIA,
Elli
At 05:08 AM 23/10/2007, Elli Vizcaino wrote:
Hello,
I'm working on a design that's visually rich and
uses
a few background images as well as .png files for
transparency. I don't want to have to place all the
images as backgrounds in order to be able to place
the
images exactly where I want on the page. Is there a
way to declare the placement of an image, without
resorting to empty divs with background images or
using a good number of nested divs?
TIA,
Elli
__
Do You Yahoo!?
Tired of spam? Yahoo! Mail has the best spam
protection around
http://mail.yahoo.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies --
http://css-discuss.org/policies.html
Supported by evolt.org --
http://www.evolt.org/help_support_evolt/
__
Do You Yahoo!?
Tired of spam? Yahoo! Mail has the best spam protection around
http://mail.yahoo.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
--
Zak Owen
LAB-Physics
http://www.lab-physics.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE6 link not working
Here is a snippet from your code: div class=section campain img class=secondaryImg src=images/tempImg2.jpg alt=image width=255 height=93 / h2IT-hoder til de toslash;ffeste prosjektene/h2 pita miratur laudeque poetas/p a class=linkLes mer/a /div !-- end .section -- This is the trouble line: a class=linkLes mer/a For an anchor tag to take effect, it has to have the href= attribute set, otherwise the link won't fire and it seems that IE6 isn't acknowledging your a tags without href, hence your lack of :hover effects. The :hover shows up fine in IE7, btw. Hope this helps Zak On 10/23/07, Eystein Alnaes [EMAIL PROTECTED] wrote: I'm having problems getting a link working IE6. The Les mer links in the two top elements in the right column won't respond to any :hover or clicking or similar. I've tried adding hasLayout with no luck. Removing the container div's background .png also doesn't make any difference. I'm very ready to squash this last IE bug! You can view it here http://imack.spymac.com/test/h0.html css: http://imack.spymac.com/test/css/main.css http://imack.spymac.com/test/css/ie6.css __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Zak Owen LAB-Physics http://www.lab-physics.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 7.0 not recognizing height:100%
Hi Heidi,
The support for CSS to stretch content vertically is a bit tricky
since CSS is unaware of the browser window's width and height, though
you could take steps to figure these values out with Javascript, but I
don't recommend it as there may be other alternatives:
-Have you tried applying height:100%; to your #whole_page section?
-Have you tried adding position:absolute;top:0px;left:0px; to your
body section?
I'm not sure if either of these would help, but they are worth a shot.
I haven't had a chance to check it out myself, but when I get in
tonight I'll take a look at some other possibilities.
-Zak
On 11/16/06, Heidi Langeneckert [EMAIL PROTECTED] wrote:
Hi,
Im am fairly new to CSS. Thi is my issue:
My design is fairly simple, I just want my content centered in the middle
vertically, and stretch 100% from top to bottom. I put this in my css to do
this,
body, html {
margin: 0;
height: 100%;
}
So this works on my Mac in firefox and safari but not in IE5 on the mac nor
IE7 on a pc. Is there a work around for this? You can view my problem in
action by visiting here:
http://www.transmediacorp.com/test/index2.html
Thank You - Heidi
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Sidebar not showing up in IE?
Hi, I'm running IE 6 and it seems to be showing up, however your
rollovers aren't working properly. IE only recently started supporting
:hover on elements other than hyperlinks, and I don't think a majority
of users are up to IE 7 yet (though I could be wrong). A possible
solution to this problem would be JavaScript:
Option 1 - The not-so-desirable implementation:
ul
li onMouseOver=someFunctionToChangeBGColor()
onMouseOut=someFunctionToRevertColor()Ach mein Leibe/li
...et al
/ul
This one is not so desirable since it mixes Javascript in to your HTML
and also makes for bulky li tags.
Option 2
This one requires a little more work and I won't go in to detail
unless you want to know more about it, but in a nutshell:
- create function that loads after the body has loaded - function should:
- find your ul based on a given id: ul id='myList'
- traverse list for items present
- set handlers for each li in the list that correspond to
mouseover and mouseout:
item.onmouseover = function(){ this.style.background='#22';}
## I'm not positive that is the correct JS for changing the BG
off the top of my head, just using it as an example.
- Next, this function should be called in the body tag:
body onLoad=myFunction()
This approach minimizes the mixing of JS with HTML while also being a
more dynamic approach - if done right, your list can constantly change
while your JS remains the same. Let me know and I'll throw together a
sample page.
-Zak
On 11/10/06, martin f krafft [EMAIL PROTECTED] wrote:
Hi there,
I developed a website for a client, but one aspect of it is giving
me troubles:
http://seamus.madduck.net/~madduck/abacons/leistungen/index.html
(valid XHTML1.0 Strict/CSS2)
On Firefox, there's a little sidebar on the left with subpages. This
bar does not show up on IE at all; instead, the border is blackened
and looks dirty/ugly.
What did I do wrong?
Thanks for any input!
--
martin; (greetings from the heart of the sun.)
\ echo mailto: !#^.*|tr * mailto:; [EMAIL PROTECTED]
spamtraps: [EMAIL PROTECTED]
it isn't pollution that's harming the environment.
it's the impurities in our air and water that are doing it.
- dan quayle
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.5 (GNU/Linux)
iD8DBQFFVJLFIgvIgzMMSnURAr2GAKDWiSlJq6d17zKCkpjqQVVj6RkiEwCeINCt
pKRmItThTGdfq6MEw3gnD9E=
=m5Bo
-END PGP SIGNATURE-
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
