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

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
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.

I can't seem to figure out where the light grey background color is being pulled from.

http://mediascrubber.com/images.html
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
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

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
Ready to get started with anonymous questions?
LVL 9
Ready to get started with anonymous questions?

It's easy! Check out this step-by-step guide for asking an anonymous question on Experts Exchange.

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
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
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
In the footer of this page are 3 small thumbnails (baby,back and foot).  These are set to be 1/3 the size of the page but they appear shifted to the left and they do not fill the footer screen.  What did I do wrong?

http://fallshealingarts.com/
0
I have set the base target for the page, and I want to link within the page by doing

<a href="#sub-section">link</a>

but it keeps opening a new window, how do I override the base target for only a small number of links on the page?
0
Hello,

On this page:

www.idiaper.com

There's a "Shop by Categories" area.

How do I get the category buttons centered in desktop and mobile?

#categories-frontp
{
text-align:center;
}

.banner-frontp
{
padding: 0px 0px 15px 0px;
text-align:center;
max-width:935px;
height:auto;
}

.buttons-frontp
{
text-align:center;
max-width:935px;
height:auto;
}

.buttons-frontp img
{
padding: 11px 11px;
float:left;
max-width:182px;
height:auto;
}

Open in new window


<div id="categories-frontp">
 	<div class="banner-frontp"><img style="border:0px" alt="shop-by-category-home-page-title" src="/assets/images/shop-by-category-banner-frontp.gif"></div>
 		<div class="buttons-frontp">
 		<a href="http://www.idiaper.com/adult-pullups"><img style="border:0px" alt="pull ups button" src="/assets/images/adult-pull-ups-frontp.gif"></a>
		 <a href="http://www.idiaper.com/adult-diapers-with-tabs"><img style="border:0px" alt="adult diapers with tabs button" src="/assets/images/adult-diapers-with-tabs-frontp.gif"></a>
		 <a href="http://www.idiaper.com/adult-cloth-diapers"><img style="border:0px" alt="adult cloth diapers button" src="/assets/images/adult-cloth-diapers-frontp.gif"></a>
		 <a href="http://www.idiaper.com/mens-diapers"><img style="border:0px" alt="mens diapers button" src="/assets/images/mens-diapers-frontp.gif"></a>
		 <a href="http://www.idiaper.com/womens-diapers"><img style="border:0px" alt="womens diapers button" src="/assets/images/womens-diapers-frontp.gif"></a>
		 <a 

Open in new window

0
see4.png
As you can see the sizes arent the same how can i fix this?

<?php if (date('D') == 'Sat'){?>
<input type="checkbox" class="colour-button1" name="select_time6[]" value=" <?php echo date('l, F dS', strtotime("+9 days"));?>" id="btn11" disabled/><label for="btn11" style="position:relative;padding-left:215px;padding-right:215px;"><i class="fa fa-check-circle fa-lg hide11" id="chk-btn11"></i>   <?php echo date('l, F dS', strtotime("+9 days"));?></label>
	<br><br>
<input type="checkbox" class="colour-button1" name="select_time6[]" value="<?php echo date('l, F dS', strtotime("+16 days"));?> " id="btn12" disabled /><label for="btn12" style="position:relative;padding-left:215px;padding-right:215px;"><i class="fa fa-check-circle fa-lg hide11" id="chk-btn12"></i>  <?php echo date('l, F dS', strtotime("+16 days"));?></label>
	<br><br>
<input type="checkbox" class="colour-button1" name="select_time6[]" value=" <?php echo date('l, F dS', strtotime("+23 days"));?> " id="btn122" disabled /><label for="btn122" style="position:relative;padding-left:215px;padding-right:215px;"><i class="fa fa-check-circle fa-lg hide11" id="chk-btn122"></i>  <?php echo date('l, F dS', strtotime("+23 days"));?></label>
	<br><br>
<input type="checkbox" class="colour-button1" name="select_time6[]" value="<?php echo date('l, F dS', strtotime("+30 days"));?> " id="btn123" disabled /><label for="btn123" style="position:relative;padding-left:215px;padding-right:215px;"><i class="fa 

Open in new window

0
Here's my css:

<style type="text/css">
	html, body {
		margin: 0px;
		padding:0px;
		font: 14px sans-serif;
		height:100%;
		background:#ffe39a;
		background: -webkit-linear-gradient(#eaad02, #ffe39a); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#eaad02, #ffe39a); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#eaad02, #ffe39a); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#eaad02, #ffe39a);
		min-height: 100%;  /* Fallback for vh unit */
		min-height: 100vh; 
	}

	h4 {
		margin: 10px 0;
		color: #1823a0;
	}
	
	.container {
		height:100%;
		display:flex;
		justify-content: center;
		align-items: center;
		flex-flow:column wrap;
		flex-direction:column;
	}
	
	.content {
		max-width:625px; 
		border:1px solid #7b5b01;
		-moz-border-radius: 14px 14px 14px 14px; 
		border-radius: 14px 14px 14px 14px; 
		box-shadow:7px 7px 10px #7b5b01;
		display:flex;
		justify-content: center;
		align-items: center;
		flex-flow:column wrap;
		flex-direction:column;
	}
	
	.form_label {
		display:inline-block; 
		text-align:left; 
		font-weight:bold;
	}
	
	.orange_row {
		background:#934e00;
		background: -webkit-linear-gradient(#934e00, #f26a00); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#934e00, #f26a00); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#934e00, #f26a00); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#934e00, #f26a00);
		border-radius: 0px 0px 14px 14px; 
		width: 100% 

Open in new window

0
Want Experts Exchange at your fingertips?
LVL 9
Want Experts Exchange at your fingertips?

With Experts Exchange’s latest app release, you can now experience our most recent features, updates, and the same community interface while on-the-go. Download our latest app release at the Android or Apple stores today!

Hi Guys,

I have a table with Rows and labels, so when the labels is to long the last word break to two.

see image below:
table view
You can see at the label  in the row 3 the last letter is "lolak" so because there is no space the style break the one word and send the last letter to the next row.

How can I say that if string break then send all the word to the next row?
there is any solution with javascript or css for this one.

Thank you.
Capture.PNG
0
You'll need to log in to see this site, please use pepe and BobTheBuilder45!!

http://dev2.magickitchen.com/gift/gift-certificates.html  the gray footer is supposed to look like that.

http://dev2.magickitchen.com/diet/diabetic-meals.html
Whoa, what happened?

Can anyone point out what is making it look like this, please? Thanks!!
0
Can someone help me make this header and nav sticky on this site please http://www.fashionline.com.au/
I can't access the template files easily as its Genesis so there is no easy grouping of the header divs....its really tricky
I hope someone can help?
0
On this site here http://www.fashionline.com.au/
I would like the main navigation to stretch to the full width of the site.  Ideally having the black stretch the full width.
But I can't seem to isolate the correct css to achieve this.

If anyone knows how to make that sticky also and float to the top on scroll I would be greatful for help with that too?
Thank you
0
actualy i have created a popup.on the body part of browser i have disbled mouse click(right and left click) bt now i want , if i click on new window tab or browser cut buttion it should be disabled(both right click and left click).
i am using programming language html,css,javascript......can u plz give me the solution
0
Hi

Please check reference link

https://www.letzbank.com/ifsc-codes

I want to make same like search engine and proper url  Name, State ,City, Branch

reference url - https://www.letzbank.com/ifsc-codes/abhyudaya-cooperative-bank/gujarat/ahmedabad/ghatlodiya
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.