CSSSponsored by Jamf Now

41K

Solutions

15K

Contributors

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

Share tech news, updates, or what's on your mind.

Sign up to Post

On my blog page here http://ccdenver33.staging.wpengine.com/blog/ how can I make it so that the menu tab Blog Posts has a border around it but just when you're on that page?
0
Cloud Class® Course: Microsoft Azure 2017
LVL 12
Cloud Class® Course: Microsoft Azure 2017

Azure has a changed a lot since it was originally introduce by adding new services and features. Do you know everything you need to about Azure? This course will teach you about the Azure App Service, monitoring and application insights, DevOps, and Team Services.

can anyone make js code can do that

execute as @e[type=input] run data merge element @s {value:"foo"}

do it like minecraft commands
i have simple idea

function command(str){
var arg = str.split(" ")
if(arg[0] == "say"){
  console.log(arg[1])
}
}

Open in new window

command("say 123")
//in console will show 123

this like minecraft command line

anyone have idea to improve my project :D it will be massive project :D
0
Hi,

I'd like to start by saying I am new to SP and trying to build an employee directory. I am using a guide from hyperfish (https://blog.hyperfish.com/employee-directory-in-office-365-and-sharepoint-). I am having a problem with thumbnails on the results page. They show as broken images. Looking at the template I believe this is where the variable is being set for the source image

<!--#_
            if(!$isNull(ctx.CurrentItem) && !$isNull(ctx.ClientControl)){
                  var encodedPath = $urlHtmlEncode(ctx.CurrentItem.Path);      
                  var accountName = ctx.CurrentItem.AccountName.substr(ctx.CurrentItem.AccountName.lastIndexOf('|') + 1);
                  // Use size M and 72px for medium instead of small                  
                  var picUrl = '/_vti_bin/DelveApi.ashx/people/profileimage?size=S&userId=' + accountName;
                  var css = 'min-width: 48px;min-height: 48px;clip: rect(0px, 48px, 48px, 0px);max-width: 48px;';
_#-->

I really don't even know where to start to find what the path should be. When i try t update the URL to anything the whole page fails with this error:

Display Error: The display template had an error. You can correct it by fixing the template or by changing the display template used in either the Web Part properties or Result Types.

Template '~sitecollection/_catalogs/masterpage/_EmployeeDirectory/Display Templates/Search/Item_Person_Table.js' not found or has syntax errors. (LoadTemplate: ~sitecollection/_catalogs/masterpage/Display Templates/Search/Group_Default.js)

I really would …
0
I want to change the font color of a row to white when an order is Priority = 1 with the database. I assume I will accomplish this by using CSS.
I am using third party that came with our ERP which displays dashboards. Can anyone point me in the right direction on how
to accomplish this? below is the complete sql statement I am using to display results in the dashboard. Also attached a screenshot of how the
results are displayed.

SELECT WO_NUMBER AS WONUM
      ,PART_NUMBER AS PN
      ,DESCRIPTION AS DESCR
      ,PRIORITY
      ,CASE CONTRACT_TYPE WHEN 'PBH Pool' THEN 'PBH' ELSE 'TM' END AS CONTRACT
      ,DAYS_OPEN AS TAT
      ,CASE WARRANTEE_FLAG  WHEN 'F' THEN ' ' WHEN 'T' THEN 'W' END AS INFO
      ,TECHNICIAN AS TECH
,case when days_open > 5 or priority >= 1 then '#ff0000' else case when days_open > 3  then '#f68835' else '#66b65d' end end row_color
  FROM BA_VIEW_WIP_SHOP_SCREENS
  WHERE STATUS IN ('OPEN', 'AWT SHOP EVAL', 'SHOP EVALUATION') AND SHOP = 'SH AVIONIC ARO'
order by days_open desc

Open in new window

Capture.PNG
0
My carousel images are stacked instead of carouseling.

Any help is appreciated

https://oala.ca/test-home/
0
Hi Experts,

Could any one tell me what does testing a website to be compliant with WCAG 2.0 Level A and AA involve?

Are there any curses for this?

What is the going rate for this?

I'm also wondering, what are the types of assistive devices covered, so that I can recruit the right persons with disabilities (myself included ), and what to test for. The client is asking for testers with disabilities.

Thank you.
0
I'm trying to customize this template. Support has not been really useful.  I replaced those links with "xxx"

On the section course categories there is some columns.

<div class="col-xs-12 col-md-4 teaser_border teaser_border_column_11">
        <div class="teaser text-center  h5">
                <div class="teaser_image">
            <img src="xxx">
        </div>
                    <h5>
                    <a href="rainbow-colleges/course-category/creative-arts/">
                Creative ARts &amp; Media                   </a>
                </h5>
                    <p>
            Explore film, journalism, photography or theatre, music. Learn from the experts
 in creative arts and media...      </p>
                    </div>

        </div>
So let's say I want the whole column to hover when the cursor is on and I also want put a link on the img. which hovers too

HTML

<div class="col-xs-12 col-md-4 teaser_border teaser_border_column_11">
        <div class="teaser text-center  h5">


<div class="teaser_image"><a href="http://rainbow-colleges/course-category/creative-arts/">
        <img src="xxx">
    </div>
                <h5>
                <a href="http://rainbow-colleges/course-category/creative-arts/">
            Creative ARts &amp; Media                   </a>
            </h5>
                <p>
        Explore film, journalism,
0
I am using jQuery UI & bootstrap Modals in my website. As both modals have different styling, so I want to change the styling of jQuery Ui Modals
according to the Bootstrap Modals. I have tried to change the styling in jQuery UI css but it not works. What is the best way to do this?

Any Working example?
0
I have a Revolution Slider on this page... http://ccdenver33.staging.wpengine.com/

However, I need to center it and I think it's b/c there is canvas padding. Anyway to remove the canvas padding?

Also, each of the puzzle pieces click through to a webpage but b/c it's a circle the links overlap and not contained just within the puzzle piece. Anyway to fix that?
0
whenever I try to start  MVC application from Visual Studio 2017  I am getting this error with Chrome but I can run FireFox or IE with no problemerror.JPG
0
Ultimate Tool Kit for Technology Solution Provider
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

Hi,

I want to setup a development project using Bootstrap 4, so basically what I want to achieve is that I want to modify the actual .scss files provided by Bootstrap as per my requirement instead of creating my own scss file. I am using Netbeans 8.2 as the IDE for the same. As per Bootstrap we need to have Sass compiler and Autoprefixer to achieve the same. In Netbeans i setup the Sass compiler and i can compile the scss file to css. But I am unable to understand how to use the Autoprefixer to compile the css with vendor prefixes.

Also, instead of using the inbuilt webserver I have wampserver 3.1.3 installed on my windows 10 machine

Kindly help with the step by step to use Autoprefixer along with Sass compiler in Netbeans 8.2

Kindly let me know if any further information is required.

Thanks in advance.
0
how do I run batch file by clicking a link in html
not open the code in a new tab I want to RUN it
0
Hi,
I am trying to make responsive website.  But I am not getting exact width and height (viewport) of  samsung s9+ (landscape and portrait mode) for media query ?
Can someone please help me out..
0
I am working on php mysql.I have used tcpdf to generate pdf.

I have developed code for displaying tables HAVING details of number of employees category wise.
there are four categories
DRDS  (under drds again sub categories are there like Sc. B, Sc. D etc)
DRTC    (under drtc  again sub categories are there like TO. B , TO. C etc)
ADMIN  (under Admin again sub categories are there like Sc. B, Sc. D etc)
ALLIED  (under allied again sub categories like halwai, vehicle operator etc)

i am using two while loops

first while loop is for category (each tim e loop will run for one category)

second while loop is for sub categories

in this manner when a outerloop is run for first time it will display one table.(also calculating count of employees in that category)
loop will run for 4 times as there are 4 categories and  in this way four tables will be displayed.

at the end total number of employees of all categories is displayed


I have displayed four tables side by side.

Now i want to diaplay total Column of all tables in a single common row so that all tables should look like a single table



Note:-- data in these tables tends to increase (not fixed data).

I want to have single common row of "total" of all four tables even if data in the table increases.


my code is

<?php
ob_start();
extract($_GET);
include("../../config.php");
require_once('tcpdf_include.php');
$pdf = new TCPDF('L', PDF_UNIT, PDF_PAGE_FORMAT, true, 

Open in new window

0
I have a login layout and main layout for my app. I have used children elements in my routes for the main layout and login layout
stands 'alone'.

However when I go from login to main layout my data- attributes in my main layout don't work such as data-toggle etc. My issue is almost
similar to this one https://github.com/nuxt/nuxt.js/issues/1801 although this is not a nuxt specific problem. Like this issue when
I refresh the page my css data- attributes start working?

Does anyone know why?
0
Need some help with a boostrap grid.

On mobile it should be stacked vertically
______
|_A_|
| B  |
|___|
|_C_|

But on desktop I'm try to split them into 2 separate columns with B being on the left side and A + C stacked vertically on the right.
___________
|       |  A  |
|  B  |____|
|       |  C  |
|____|____|

So far I can only get A+C on top of B or below B but I can't seem to split them up.
0
Hi,
We are currently using google sheets in our office. We are looking for other options to keep our data secured and accessible in our office alone. can anyone share the best options available?
0
I have created the following page which is responsive.

<div class="container-fluid" id="#test">

	<div class="row"> 
		<div class="col-md-3">
			<div ng-include src="'assets/templates/theme/sidemenu.php'"></div>
		</div>
		<!--
		<div class="table-responsive">
			<ul class="list-group text-center">
				<li class="col-xs-6 col-md-3 col-sm-3 col-lg-3 list-group-item" ng-repeat="product in products">
					<figure>
						<img width="50px" height="50px" ng-src="{{backend_url}}{{product.thumbnail[0].path}}" />
						<figcaption>
							{{product.name}} <h3>{{product.price.cost_price | currency}}</h3>
						</figcaption>
					</figure>
					<input class="btn btn-success" type="button" ng-click="addItemToCart(product,1)" value="BUY" />
				</li>
			</ul>
		</div>
		-->
		<!--
		<div class="col-md-9">
			<div class="row">
				<div class="col-sm-6 col-md-3">
					<h1>{{ subcategory }}</h1>
				</div>
			</div>
		</div>
		-->
		<div class="col-md-9">
			<p class="subHeader" ng-show="isSubHeader">
			{{subcategory | uppercase }}
			</p>
		</div>
		
		<div class="col-md-9">
			<div class="row">
				<div ng-if="products.length===0">
					<p>{{msgProduct}}</p>
				</div>
				<!--  
				col-lg-2 col-md-4 col-xs-6				
				col-sm-6 col-md-3  
				-->
				<div class="col-md-3 col-sm-6 col-xs-6 text-center" ng-repeat="product in products track by $index">
				  <div class="thumbnail">
					<div class="card-img">
					
						<div class="discount" ng-if="product.price.cost_price != 

Open in new window

0
In my Joomla template the field that shows user chosen states and countries is: <?php echo $field->value;?> <?php } ?> from code below:

ON the front-end the result looks like:

Arizona,Colorado,New Mexico,Oklahoma,Texas, Germany,New Zealand


I need all states and countries to be in a list and also represented graphically. Perhaps, there is a grayish image of the world, and Arizona,Colorado, etc are selected somehow. It needs to be light, so I was thinking of using CSS, but perhaps someone has other ideas, like Google KLM. I do not have the graphics set for the Staes and countries. MY countries and states list used on the site is attached below.

sample page where this will be used, look at "swap for": http://tradeproperty.org/index.php/listing/listing-with-all-fields-or-most
that area is about 400-500px wide and can be tall. You can use php, CSS, javascript.



<span class="label label-default"><div class="editlinktip hasTip" title="<?php echo $field->field_label;?>::<?php echo $field->field_description?>">
														<?php echo $field->field_label;?>
													</div></span>
												<?php
												}else{
													?>
													<?php echo $field->field_label;?>
												<?php
												}
											}
											?>
											<?php
											if($field->displaytitle == 1){
												?>
												:&nbsp;
											<?php } ?>
											<?php if(($field->displaytitle == 1) or ($field->displaytitle == 3)){?>
												<?php 

Open in new window

0
Improve Your Query Performance Tuning
Improve Your Query Performance Tuning

In this FREE six-day email course, you'll learn from Janis Griffin, Database Performance Evangelist. She'll teach 12 steps that you can use to optimize your queries as much as possible and see measurable results in your work. Get started today!

Hi Guys,

Trying to replace this image on a website, its the gif here, http://mediastreet.ie/directory/en/businesses/

I want to put this image in its place. http://mediastreet.ie/smur-new.jpg
0
Hello. Can someone tell me the best way to replace a flash slide show with something a little more standard like CSS or HTML5?  I have this site https://www.fragilexregistry.org/ . If you view it in the 3 major browsers (IE, Chrome, and Firefox) you will notice the image on the top left displays in all except Chrome.  I know flash is being phased out so I would like to just use something different.  Any suggestions and/or tutorials on what I can do?
0
How do I make interactive window on website without making them download anything?

Would be a window with a picture of an ejuice vaporizer in it.

When they clicked on the different parts of it, it would zoom into detailed pictures and information. There would be a link to zoom back out.

I know Java, HTML, CSS, PHP, Javascript, HTML, MySQL, and I'm willing to use a new program or learn a new language.

Don't want them to have to download Java, want it to happen on every device.

I have a subscription to Adobe Creative Suite CC if that helps.

Would make the article I'm writing more excellent to have this interactive vaporizer, I'm willing to put in some work.

Thanks,

Bob
0
Hi All,

I am trying to add  Javascript or JQuery in my Infopath form. I am looking for a workaround without any custom code. How can we refer a javascript file to an Infopath form.

I want to extend the tool tip duration in my form and I tried doing with XML as a secondary data source but it doesn't read my script or css file.

Any suggestions would be appreciable. Hoping for a reply soon.
0
Close menu when item has been clicked on a mobile in html? I have a website where the menu is not closing on item click on a mobile, this brings a problem as people are not able to see below the menu now they have to go up and click again the menu so that it will be hidden now some people don't know this and they complain and don't proceed with registration, I've also added the modal and the modal just appear beneath the menu and people don't see it at all they keep on clicking the button and don't see anything, but the modal is presented it just that its beneath the menu.

Oops I've tried uploading the file but error of extensions was thrown.
0
I have a one page document that when printed, has both header and URL at bottom of page.
I googled and discovered I could use the following CSS to get rid of the URL at head and bottom of page.

<style type="text/css" media="print">
@page
{
size:  auto;   /* auto is the initial value */
margin: 0;  /* this affects the margin in the printer settings */
}

html
{
background-color: #FFFFFF;
margin: 0;  /* this affects the margin on the html before sending to printer */
}

body
{
border: solid 0px blue ;
margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */
}
</style>

Open in new window


However, the only way it works is if I set the printer to use "actual" instead "fit page" options.

Am I missing something?

NOTE: The page uses table properties.

Thanks in advance
0

CSSSponsored by Jamf Now

41K

Solutions

15K

Contributors

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.