CSS

40K

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

Oh men,
Im wondering it is a free plugin or some calendar for  an consulting room apointment
its any idea or recomendation if its for free or open source better
regards
0
Get HTML5 Certified
LVL 9
Get HTML5 Certified

Want to be a web developer? You'll need to know HTML. Prepare for HTML5 certification by enrolling in July's Course of the Month! It's free for Premium Members, Team Accounts, and Qualified Experts.

Im working with ajax toolkit tabs it is working properly but when i am adding bootstrap css files the tabs css  overwrite
Can u Help me to SOlve this problem?
Thanks in advance
0
http://mediascrubber.com/index.html

Need to make the background black.  Right now its dark grey and I cannot find where the dark grey is being set.

 <section class="cd-background-wrapper banner-parallax">
     
      <div class="overlay">
        <div class="container">
          <div class="fullheight fullwidth content-wrap valign-wrap">
            <div class="content valign-middle">
              
                  <img src="assets/images/KJ3.png" alt="image-1">
                  
            </div>
          </div>
        </div>
      </div>
    </section>

Open in new window

0
www.mediascrubber.com/tour.html

<div class="link-content">
              <a href="" class="def-btn btn-bg-light" data-text="Sold Out"><span>Buy</span></a>
            </div>

Open in new window


I can't seem to locate the file that contains the CSS for the yellow Buy button.  I need to make the button taller to accommodate the text.
0
I can't seem to figure out where the light grey background color is being pulled from.

http://mediascrubber.com/images.html
0
Hi,
To this site
http://my-friend.co/Test_rec4/Default.aspx?userid=mc23

I want to decrease the width of the highlighted area (in red), and increase the width of the area (highlighted in yellow), and to put two more buttons (under current Delete button). Can you please show me the change for these?
16j.png
0
http://mediascrubber.com/press.html

Whenever I hover over an image it gets a little larger.  Where is the code that makes this happen?  I want to remove it.

<section class="na-list-sidebar sec-pad-t sec-pad-b">
      <div class="container">
        <div class="row">
          
          <div class="col-md-8 col-sm-8">
            <div class="header-underlined">
              <h2>Top Stories</h2>
            </div>
            <div class="na-item-container">
              <div class="na-item">
                <a href="na-single.html">
                  <div class="image">
                    <img src="assets/images/news3.jpg" alt="">
                    <div class="overlay"></div>
                  </div>
                </a>
                <a href="na-single.html">
                  <h3>News Articles Post Lorem Ipsum Dolor Sit</h3>
                </a>
                <p class="news-info"><i class="ion-calendar"></i> October 14, 2017 <span>/</span> <i class="ion-chatbox-working"></i> 14 Comments</p>
                <p class="mar-b-10">Vivamus consequat nisi ac elit venenatis egestas eget ac erat. Integer semper turpis sit amet tortor ornare ultrices. In ac convallis lectus, in cursus leo. Integer semper turpis sit amet tortor ornare ultrices. Dignissim tempus felis. In in commodo massa, at semper arcu. Quisque id odio et.</p>

Open in new window

0
www.mediascrubber.com/press.html
I am trying to remove the hyperlink. When I do, The boxes line up vertically instead of three across.  Its the 105 x 105 boxes.
0
<div class="panel panel-default">

<div class="panel-body">

<form action="/action_page.php">

<div class="form-group">
    <label for="productType">Product Type*</label>
    <select class="form-control" id="productType">
      <option>Purchase</option>
      <option>Refinance</option>
    </select>
  </div>
 

<label for="purchasePrice">Purchase Price*</label>
<div class="input-group">
  <span class="input-group-addon" id="purchasePrice">$</span>
  <input type="text" class="form-control" aria-describedby="purchasePrice">
</div>

<label for="downPayment">Down Payment*</label>
<div class="input-group">
  <span class="input-group-addon" id="downPayment">$</span>
  <input type="text" class="form-control" aria-describedby="downPayment">
</div>

<label for="state">State*</label>
<div class="form-group">
      
      <div>
            <select class="form-control" id="state" name="state">
                  <option value="">N/A</option>
                  <option value="AK">Alaska</option>
                  <option value="AL">Alabama</option>
                  <option value="AR">Arkansas</option>
                  <option value="AZ">Arizona</option>
                  <option value="CA">California</option>
                  <option value="CO">Colorado</option>
                  <option value="CT">Connecticut</option>
                  <option value="DC">District of Columbia</option>
                  <option value="DE">Delaware</option>
                  <option value="FL">Florida</option>
                  <option value="GA">Georgia</option>
                  <option value="HI">Hawaii</option>
                  <option value="IA">Iowa</option>
                  <option …
0
Hello!
Can't figure out why the mobile toggle menu doesn't open up at max 800px? Something in my CSS is overriding it and I can't figure it out.

http://skinharmonics.com

Thanks!
0
Free Tool: ZipGrep
LVL 9
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

The twentysixteen theme has a visible border on all four sides of the viewable browser area on the desktop (not visible on mobile) the the border defaults to 21px how do I remove or reduce this border please.
0
0
www.mediascrubber.com

I am trying to make the video bigger but it's not.

<div class="tab-pane fade" id="video">
            <div class="title-rotated">
              <h3>New Video</h3>
            </div>
            <div class="col-md-11 col-md-offset-1 col-sm-11 col-sm-offset-1">
              <div class="videos-container">
                <div class="col-md-12">
                  <iframe class="videos-item-lg sec-q-pad-b" width="854" height="480" src="https://www.youtube.com/embed/5gn5sZTJT5Y?ecver=1" frameborder="0" allowfullscreen></iframe>

Open in new window

0
www.mediascrubber.com

I can't find where the //////////////////////// is being generated from.  I would like to either remove them or load an image there instead.  Its by the About, etc on the left where the text is being rotated.

<section class="about-us sec-pad-t mar-b-80">
      <div class="container">     
          <div class="title-rotated">
            <h3>About</h3>
          </div> 
        <div class="row">
          <div class="col-md-6 col-sm-6 col-md-offset-1 col-sm-offset-1">
              
            <div class="content">
              <h2>King James the Third</h2>

Open in new window

0
I have recently started learning about the FuelPHP framework and I have a question that I thought I would post here first, instead of the FuelPHP Forum.

I have been working on understanding how to use the framework as intended by the creators, and I think I'm doing a fair job of that, except possibly with regards to using external jQuery libraries.

I have a simple CRUD application that I built  as a proof of concept for using a third party jQuery DateTimePicker library.

This is the jQuery DateTimePicker library that I found and used.



FuelPHP DateTimePicker Sample - dtpsample
This is not including the public asset folder that contains the actual Javascript and CSS.

Model

fuel/app/classes/model/dtpsample.php

This includes data validation.  Each field is important.  It is important to not rely only on the Javascript front end.  I could improve the validation, but this is a start.

<?php
class Model_Dtpsample extends Model_Crud
{
	protected static $_table_name = 'dtpsample';
	
	public static function validate($factory)
	{
		$val = Validation::forge($factory);
		$val->add_field('name', 'Name', 'required|max_length[255]');
		$val->add_field('event_date', 'Event Date', 'required');
		

		return $val;
	}

}

Open in new window


View Template

fuel/app/views/template_dtpsample.php

I want to specifically point out this piece of code regarding my question. The main question I have is have it properly separated concerns?  I want to have the application display the Date and Time selected in the input box directly above the calendar/time select control as indicated by this screenshot.

dtpsample create new entry
Notice that I have used  Asset::css and Asset::js to load the require asset files.


Open in new window

0
I need to have the HOME go directly to the index.html without a sub-menu.  In should be able to click on home without homepage coming up and then clicking on that.

<div class="hamburgler-menu">
      <div class="hamburgler-menu-list valign-middle">
        <ul class="panel-group" id="navbar-menu" role="tablist" aria-multiselectable="true">
          <li class="panel def-accordion">
            <a href="#home" class="collapsed" data-toggle="collapse" data-parent="#navbar-menu">Home</a>
            <ul class="collapse child-menu" id="home">
              <li><a href="index.html">Homepage</a></li>
            </ul>
          </li>
          <li class="panel panel-default def-accordion">
            <a href="#artist" class="collapsed" data-toggle="collapse" data-parent="#navbar-menu">Artists</a>
            <ul class="collapse child-menu" id="artist">
              <li><a href="artists-grid.html">Artists Grid</a></li>
              <li><a href="artist-details.html">Artist Details</a></li>
            </ul>
          </li>

Open in new window


www.mediascrubber.com
0
Hi, I have a dynamic CF page with  printout tables. Problem is with printing. Table printout can be split depending on the dynamic content. I need to force a new page for each table output. Is there a CF or html string I can use to force this break

many thanks
0
Hi

My website is setup to run over http or https, I assumed everything was working until recently.

On my mac in Safari and Firefox the following two URL's work fine
http://www.petenetlive.com
or
https://www.petenetlive.com

HOWEVER in IE it does not load the CSS and bleats about mixed content, Now I can view the source and see that the css is being loaded from http URLs so that's probably causing the problem, (why Firefox and Safari works I don't know?)

I've tried various Wordpress plugins that claim to fix SSL problems - none of them worked. I've set the site in Wordpress to use the https URL, I've also set this in the wp-config file.

HOW DO I FIX THIS?

Note: In running NGINX and don't have a .htaccess file

Pete
0
Hey folks. Web design and css is not my day job, more of a side hobby. That said I've been working iteratively on my site for a while now, and have worked myself into a corner when trying to make the site mobile friendly.

Overall I've had pretty good luck taking a two-column dynamic layout I tracked down a few years back and adapting it to mobile. I achieved the dynamic sizing for web with some nested divs that by necessity have a greater width than the window and need to be hidden, though.

On mobile, this only works if I assign overflow-x:hidden; to html,body. If I follow proper procedure and assign it, or the website scrolling setting, to document.body instead (or any other combination therein), the smooth scrolling is broken. I like the smooth scrolling, so even though it cost me the function of tapping the time bar to move to the top of the page, I went with it. It worked, right?

I accepted this compromise until I started to go further and taking my sidebar menus and try to make them fixed position nav menus for mobile. Even that worked fine until I created a logobar that would pop in upon scrolling away from the top of the page. The same compromise that broke "tap to top" has broken any JQuery scrollTop functions I tried to include, on mobile, using a simple enough technique I found here.

Now I have the choice, make any change at all to this css and lose smooth scrolling and gain my logobar and tap to top: as seen in test page 1
0
What does it mean to be "Always On"?
LVL 4
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Is it possible to put an anchor on a html page, and then have a div that is on the same vertical position but locked to the far left of the screen, the idea is to have some icons that are to the left but the move as the user scrolls?
0
I would like to move a div to being relative top: -100px and then lock it to the left with absolute left 20px is it possible to use relative in the y axis and absolute in the x axis?
0
Hi,
Further to this
https://www.experts-exchange.com/questions/29042667/Add-button.html?anchor=a42220705¬ificationFollowed=192653361#a42220705

I adjust the column name in Javascript but the problem persists (I cannot delete the record), after re-deployment.
0
I have some customised thumnails on a page which I would like to link to a specific nexgen gallery.
How can I create a link from my image, or text to the gallery?

I hope someone can help me?
Thanks
0
How do I place some social share icons that will float above and outside everything on the page, stay hard left aligned but horizontally level with a specific item in the webpage.

I have the following code:
<div style="  position: relative;    top: 100px;   left: 30; z-index: 1;">
<!-- Twitter (url, text, @mention) -->
<a href="http://twitter.com/share?url=<URL>&text=<TEXT>via=<USERNAME>"><img src="tw-circle.png" border="0" height="36" width="36"></a><!-- Google Plus (url) 
<a href="https://plus.google.com/share?url=<URL>">    Google Plus</a>--><!-- Facebook (url) -->
<a href="http://www.facebook.com/sharer/sharer.php?u=<URL>"><img src="fb-circle.png" border="0"  height="36" width="36"><!-- Email (subject, body) --><a href="mailto:?subject=<SUBJECT>&body=<BODY>"><img src="tw-circle.png" border="0"  height="36" width="36"></a>
</div>

Open in new window


The problem is that the vertical position I want to lock it to being moving relative is inside a div which means that if I put this code in there the it is clipped and not visible on the left.

What I'm looking for is  a way to say put this code above and outside absolutely everything on the page but move relative to a point on the page.

Thanks
0
I've got a media query that looks like this:

@media (min-width: 768px) and (max-width: 991px) {
            .watermark {
            position:absolute;
            margin-left:45%;
            margin-top:28px;
      }

}

As long as we're at 991 px or something within 50 px, it's positioned in the lower right hand corner exactly where I want it to be. But as we get closer to to 768px, it starts to drift closer to the center and it begins to look more and more like a mistake.

Is there a better way to ensure that the watermark stays fixed in the right hand corner? Or, do I have to create additional media queries to accommodate the dimensions within the range of 768 and 991?
0

CSS

40K

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.