Re: [css-d] rotating divs and text within a wrapper div

2015-01-28 Thread Tom Livingston 
On Wed, Jan 28, 2015 at 4:31 PM, Tom Livingston tom...@gmail.com wrote:
 html xmlns=http://www.w3.org/1999/xhtml http://www.w3.org/1999/xhtml
 head

 style type=text/css
 .divOuter{
 display:inline;
 text-align:bottom;


 }

 .divInner1, .divInner2, .divInner3, .divInner4{
 -webkit-transform: rotate(-60deg);
 -moz-transform: rotate(-60deg);
 border: 1px dashed;
 float:left;
 width:160px;
 height:20px;
 margin-left:3px;
 margin-right:3px;
 position:relative;
 }
 /style
 /head
 body
 div style=margin-top:50px;position:fixed;
 div class='divOuter'
 div class='divInner1'First DIV/div
 div class='divInner2'Second DIV/div
 div class='divInner3'Third /div
  div class='divInner4'fourth/div
 /div
 div




 /body
 /html


 Using the above code, in Chrome, the angled boxes were side-by-side
 for me (with a wide enough window, of course).



Though not as close together as David's example...

-- 

Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
__
css-discuss [css-d@lists.css-discuss.org]
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] Close to Accurate Retina Display of Graphics Preview ?

2015-01-28 Thread David Laakso 
On Wed, Jan 28, 2015 at 11:09 PM, Crest Christopher
crestchristop...@gmail.com wrote:
 I need to preview retina display graphics on a PC in comparison to
 non-retina, the browser hacks, brought forth by Chrome or FireFox in my
 opinion do a lack luster Job, showing me a page at 200% really doesn't do a
 whole lot of good, so does not owning a iPad or iPhone but I won't add an
 Apple product to my workbench, thanks, but no thanks.

 Can anyone offer any suggestions ?

 Christopher


sigh url?

-- 
Chelsea Creek Studio
http://ccstudi.com
desktop | laptop | tablet | mobile
__
css-discuss [css-d@lists.css-discuss.org]
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] Close to Accurate Retina Display of Graphics Preview ?

2015-01-28 Thread David Laakso 
On Thu, Jan 29, 2015 at 12:51 AM, Crest Christopher
crestchristop...@gmail.com wrote:

 I didn't supply a URL because I want to know how I can go about this ?

 Christopher


Complicated and difficult topic. Try searching coding retina images.

-- 
Chelsea Creek Studio
http://ccstudi.com
desktop | laptop | tablet | mobile
__
css-discuss [css-d@lists.css-discuss.org]
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-d] rotating divs and text within a wrapper div

2015-01-28 Thread D Mark Weiss 
I have tried numerous ways to create a wrapper div and rotate a series of divs 
containing text so that the rotated text always lines up on the bottom of the 
wrapper div. Whenever I do this, the entire wrapper div rotates too. 

In this example. I it works except the boxes are not next to one another. 
Overlapping I think is what I want. I just don't know how to get there. In 
order to overlap the boxes so that the text lines up stacked horizontally, do I 
have to do some kind of position thing? 



html xmlns=http://www.w3.org/1999/xhtml http://www.w3.org/1999/xhtml
head
   
style type=text/css
.divOuter{
display:inline;
text-align:bottom;

 
}

.divInner1, .divInner2, .divInner3, .divInner4{
-webkit-transform: rotate(-60deg); 
-moz-transform: rotate(-60deg);
border: 1px dashed;
float:left;
width:160px;
height:20px;
margin-left:3px;
margin-right:3px;
position:relative;
}
/style
/head
body
div style=margin-top:50px;position:fixed;
div class='divOuter'
div class='divInner1'First DIV/div
div class='divInner2'Second DIV/div
div class='divInner3'Third /div
 div class='divInner4'fourth/div
/div
div




/body
/html
__
css-discuss [css-d@lists.css-discuss.org]
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/