GoFuckYourself.com - Adult Webmaster Forum

GoFuckYourself.com - Adult Webmaster Forum (https://gfy.com/index.php)
-   Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)
-   -   quick CSS job for someone (https://gfy.com/showthread.php?t=1096077)

Spudman 01-12-2013 04:44 AM

quick CSS job for someone
 
hey,

i need someone to help me with some CSS, i think it should be very quick and simple.

hit me up on icq if you can help 258616899

Zeiss 01-12-2013 05:02 AM

http://www.w3schools.com/css/default.asp

karapandza 01-12-2013 05:29 AM

Quote:

Originally Posted by Zealotry (Post 19421460)

:thumbsup that's where I learned all that I need about html, css and php

Spudman 01-12-2013 06:13 AM

anyone know how i can do this in all browsers? it only works in ff,
width: calc(100% - 100px);

LouiseLloyd 01-12-2013 07:16 AM

Quote:

Originally Posted by Spudman (Post 19421492)
anyone know how i can do this in all browsers? it only works in ff,
width: calc(100% - 100px);

Is this not the same as:

margin-left: 50px; margin-right: 50px; width: 100%;

or adjust margin-left or margin-right to 100px and delete the obsolete one, depending which side you want it.

LouiseLloyd 01-12-2013 08:05 AM

Quote:

Originally Posted by Spudman (Post 19421492)
anyone know how i can do this in all browsers? it only works in ff,
width: calc(100% - 100px);

Is this not the same as:

margin-left: 50px; margin-right: 50px; width: 100%;

or adjust margin-left or margin-right to 100px and delete the obsolete one, depending which side you want it.

acctman 01-12-2013 10:50 AM

this should do the trick


Code:

.calc {
width: 100px;
height: 100px;
border: 1px solid #f00;
padding: 10px;
 
/* Firefox */
width: -moz-calc(75% - 100px);
/* WebKit */
width: -webkit-calc(75% - 100px);
/* Opera */
width: -o-calc(75% - 100px);
/* Standard */
width: calc(75% - 100px);
}


fris 01-12-2013 10:55 AM

never used calc before ;)


All times are GMT -7. The time now is 05:51 AM.

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2025, vBulletin Solutions, Inc.
©2000-, AI Media Network Inc123