Generated content and width

View: New views
6 Messages — Rating Filter:   Alert me  

Generated content and width

by Ian Skinner :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

I'm pretty sure the answer is no, but before I give up I thought I would ask HOF.

Is there any possible way to use the generated content pseudo classes :before and :after on a series of inline elements at the same time providing a consistent, defined width for these elements regardless of their content?


--------------
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA

---------
| 1 |   |
---------  Binary Soduko
|   |   |
---------
 
"C code. C code run. Run code run. Please!"
- Cynthia Dunning

Confidentiality Notice:  This message including any
attachments is for the sole use of the intended
recipient(s) and may contain confidential and privileged
information. Any unauthorized review, use, disclosure or
distribution is prohibited. If you are not the
intended recipient, please contact the sender and
delete any copies of this message.



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:41:2598
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/41
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:41
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.41
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

RE: Generated content and width

by Sandra Clark :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

You could try setting min-width: width and max-width to the same thing, but
IE doesn't know what min-width or max-width are (hopefully IE7 will)


Sandra Clark
==============================
http://www.shayna.com
Training in Cascading Style Sheets and Accessibility
-----Original Message-----
From: Ian Skinner [mailto:ian.skinner@...]
Sent: Thursday, May 25, 2006 2:02 PM
To: CSS
Subject: Generated content and width

I'm pretty sure the answer is no, but before I give up I thought I would ask
HOF.

Is there any possible way to use the generated content pseudo classes
:before and :after on a series of inline elements at the same time providing
a consistent, defined width for these elements regardless of their content?


--------------
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA

---------
| 1 |   |
---------  Binary Soduko
|   |   |
---------
 
"C code. C code run. Run code run. Please!"
- Cynthia Dunning

Confidentiality Notice:  This message including any attachments is for the
sole use of the intended
recipient(s) and may contain confidential and privileged information. Any
unauthorized review, use, disclosure or distribution is prohibited. If you
are not the intended recipient, please contact the sender and delete any
copies of this message.





~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:41:2599
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/41
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:41
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.41
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Parent Message unknown RE: Generated content and width

by Ian Skinner :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

You could try setting min-width: width and max-width to the same thing, but IE doesn't know what min-width or max-width are (hopefully IE7 will)

Sandra Clark

Well since IE doesn't know what to do with :before and :after pseudo class generated content either, I'm not too worried about it.  This is just "what if" type of experimenting.

Would min-width and max-width have any different effect then a basic width property on an inline element?  I thought inline elements could not be given dimensions?  That seems to be my main problem.  I need the elements to be inline so the generated content is on the same line, but inline elements can not be given dimension.

Is this true, and if so, is there any kind of work around?


--------------
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA

---------
| 1 |   |
---------  Binary Soduko
|   |   |
---------
 
"C code. C code run. Run code run. Please!"
- Cynthia Dunning

Confidentiality Notice:  This message including any
attachments is for the sole use of the intended
recipient(s) and may contain confidential and privileged
information. Any unauthorized review, use, disclosure or
distribution is prohibited. If you are not the
intended recipient, please contact the sender and
delete any copies of this message.




~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:41:2600
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/41
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:41
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.41
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

RE: Generated content and width

by Sandra Clark :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Ahh inline.

Then the answer is "No".  Inline can be given padding, but not width.


Sandra Clark
==============================
http://www.shayna.com
Training in Cascading Style Sheets and Accessibility
-----Original Message-----
From: Ian Skinner [mailto:ian.skinner@...]
Sent: Thursday, May 25, 2006 4:03 PM
To: CSS
Subject: RE: Generated content and width

You could try setting min-width: width and max-width to the same thing, but
IE doesn't know what min-width or max-width are (hopefully IE7 will)

Sandra Clark

Well since IE doesn't know what to do with :before and :after pseudo class
generated content either, I'm not too worried about it.  This is just "what
if" type of experimenting.

Would min-width and max-width have any different effect then a basic width
property on an inline element?  I thought inline elements could not be given
dimensions?  That seems to be my main problem.  I need the elements to be
inline so the generated content is on the same line, but inline elements can
not be given dimension.

Is this true, and if so, is there any kind of work around?


--------------
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA

---------
| 1 |   |
---------  Binary Soduko
|   |   |
---------
 
"C code. C code run. Run code run. Please!"
- Cynthia Dunning

Confidentiality Notice:  This message including any attachments is for the
sole use of the intended
recipient(s) and may contain confidential and privileged information. Any
unauthorized review, use, disclosure or distribution is prohibited. If you
are not the intended recipient, please contact the sender and delete any
copies of this message.






~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:41:2601
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/41
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:41
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.41
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Parent Message unknown RE: Generated content and width

by Ian Skinner :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Ahh inline.

Then the answer is "No".  Inline can be given padding, but not width.


Sandra Clark

I thought so.  Looks like I'm off to a CF solution to make sure the content is always the same number of characters.

Do you have any recommendations on a good monospace font that looks better then the standard courier?




--------------
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA

---------
| 1 |   |
---------  Binary Soduko
|   |   |
---------
 
"C code. C code run. Run code run. Please!"
- Cynthia Dunning

Confidentiality Notice:  This message including any
attachments is for the sole use of the intended
recipient(s) and may contain confidential and privileged
information. Any unauthorized review, use, disclosure or
distribution is prohibited. If you are not the
intended recipient, please contact the sender and
delete any copies of this message.




~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:41:2602
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/41
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:41
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.41
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

RE: Generated content and width

by Sandra Clark :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Not one that would be available on all browsers. Frankly since you can't
guarantee what fonts your users have, stick with the common ones.  You have
better luck having it display the way you want that way.


Sandra Clark
==============================
http://www.shayna.com
Training in Cascading Style Sheets and Accessibility
-----Original Message-----
From: Ian Skinner [mailto:ian.skinner@...]
Sent: Thursday, May 25, 2006 4:21 PM
To: CSS
Subject: RE: Generated content and width

Ahh inline.

Then the answer is "No".  Inline can be given padding, but not width.


Sandra Clark

I thought so.  Looks like I'm off to a CF solution to make sure the content
is always the same number of characters.

Do you have any recommendations on a good monospace font that looks better
then the standard courier?




--------------
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA

---------
| 1 |   |
---------  Binary Soduko
|   |   |
---------
 
"C code. C code run. Run code run. Please!"
- Cynthia Dunning

Confidentiality Notice:  This message including any attachments is for the
sole use of the intended
recipient(s) and may contain confidential and privileged information. Any
unauthorized review, use, disclosure or distribution is prohibited. If you
are not the intended recipient, please contact the sender and delete any
copies of this message.






~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:41:2603
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/41
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:41
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=17837.14401.41
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54