Expiring Today—Celebrate National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x

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

Why do my navigation buttons flash a white color immediately before the mouseover color (dark green) appears?

http://25a.e58.myftpupload.com/
0
Independent Software Vendors: We Want Your Opinion
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Hi, Please see the dark footer at dev.magickitchen.com, user name pepe and pw: BobTheBuilder45!!

I need to add a div in front of the words DON'T MISS OUR LATEST PROMOS AND NEWS, aligned left, with social icons in it.

So it will look like:
Capture.JPG
With the social icons in a separate div from the text.

Here's the social icons code: <a href="http://facebook.com/magickitchen"><i class="fa fa-facebook" aria-hidden="true"></i></a>&nbsp;&nbsp;<a href="http://pinterest.com/magickitchen"><i class="fa fa-pinterest" aria-hidden="true"></i></a>&nbsp;&nbsp;<a href="http://twitter.com/magickitchen"><i class="fa fa-twitter" aria-hidden="true"></i></a>&nbsp;&nbsp;

With or without the non-breaking spaces, I just need a way to create that extra div and can't figure that part out. Thanks.
0
How to I modify the google map in the left sidebar so that it fits in widget better.  If I change the width of the map, then it won't resize properly.

beta site
http://25a.e58.myftpupload.com/ccs-sioux-city-plant-1/

screenshot
https://screencast.com/t/5itICvYKxH
0
http://25a.e58.myftpupload.com/ccs-cherokee/
trying to get map to resize as page viewport gets smaller.
0
Any idea why this two column page is not responsive?

http://25a.e58.myftpupload.com/ccs-sioux-city-plant-1/
0
What am I missing?  I need to make mouseover text black.  The button color is white and so is the text so you cannot view button name.  I tried to use inspector but could not find what I needed to modify because when I highlight button and then click inspector the button is no longer highlighted. This is a studio press theme using a genesis framework.

http://25a.e58.myftpupload.com

I added this code to simple custom css but it has no effect
.genesis-nav-menu  a:hover {
color: #000;
background-color: #016633;
  text-decoration:underline;
}

Open in new window

0
I need to align the menu at the bottom under manufactures in a way where it has a grid like pattern or at displays the names even.  As you can see the some of the names of the companies are longer than the others and it's making the grid uneven.

Thank you anyone who can help?!
0
Trying to find the simplest/best solution for a scrolling banner, right to left,  that i can control the speed.  I have 7 brand logos I want to display, horizontally, and would like them to be linkable.  Any suggestions?  I have been looking around, but nothing is quite what I am looking for.
0
I have a script that has an on state and off state that are represented by images. What I would like to have is a 3rd image  state that is displayed when the user hovers, to show that the images are clickable, currently there is a div that changes content depending on the image that is selected.

Here is the current script

<script type="text/javascript">
            var preIndex = 0;
$("#divNavigate .imgNav").click(function() {
  var ix = $("#divNavigate .imgNav").index($(this));
  console.log(ix);
  $("#divContent .tab:eq('" + preIndex + "')").hide();
  $("#divContent .tab:eq('" + ix + "')").show();
  $("#divNavigate .imgNav:eq("+preIndex+")").attr("src","images/tab_"+preIndex+"_off.png");
$("#divNavigate .imgNav:eq("+ix+")").attr("src","images/tab_"+ix+"_on.png");
  preIndex = ix;
});

$("#divNavigate .imgNav:eq(0)").click();

        
        </script>

Open in new window

0
Dear,
I want to have bigger height to overall div below. What to adjust?
            <li>
                <div class="imagesList-item-frame shadow"/>
                    <img src=<%=lb_pict5.Text %> onclick="pict_click5();" />
                    <div class="legend">
                        <input type="textbox" id="tb_p5_desc" style="height:20px; width:116px; border:inherit; background-color:#C5C4CC;" runat="server" /><label id="show5"></label>
                        <input type="text" id="tb_p5_desc2" style="height:20px; width:118px; border:inherit; background-color:#C5C4CC; display: none" value="TEST:" runat="server" />
                        <!---span>Some descriptions here</span><br /--->
                        <input type="button" id="butt_p5" onclick="openPopup5();" style="height:26px; width:97px" value="删除照片" runat="server" />
                    </div>
            </li>

Open in new window

0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE
LVL 4
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

need to put captions of the carousel below the image.
currently it comes on top of the image and does not look good.
please provide css to make the caption appear below the image in a horizontal div.
carousel-example.html
0
Hello,

I have my CSS and HTML already set. I just want to add a drop down to one of the menu items. I am having a hard time making it work without messing up my whole menu. How can I just add the needed lines to my existing CSS and HTML to create a drop down? Below is my CSS and HTML. I want to add two items under "Gallery".

HTML:
<nav class="menu">
                              <ul id="menu">
                                    
                                    <li><a href="#!/page_Evangelos">Evangelos</a></li>
                                    <li><a href="#!/page_Services">Features</a></li>
                                    <li><a href="#!/page_Gallery">Gallery</a></li>
                                    <li><a href="#!/page_Carvings">Byzantine Art</a></li>
                                    <li><a href="#!/page_Carvings">Sculptures</a></li>
                                    <li><a href="#!/page_Carvings">Carvings</a></li>
                                    <li><a href="#!/page_Contacts">Contacts</a></li>
                              </ul>
                        </nav>

CSS:
.menu { float:right; padding-top:36px}
#menu > li { float:left; margin-left:30px; position:relative;}
#menu > li > a{ display:block; font:17px 'Asap', sans-serif; color:#fff; text-shadow:1px 1px rgba(0,0,0,.5)}
#menu > li > a:hover, #menu > .active > a{ }
0
I 'd like to wrap this markup around an <a href?

           
<div class="medium-12 grid-content text-center">
                    <h3 id="personname" runat="server">Person Info</h3> >>> This line
                </div>

Open in new window

0
I know the usual trick to add:

<!--   comments  -->

But this seems to only comment out aa single line.

What am I missing?

Thanks.
0
Trying to change font size of h1.entry-title.  Client has me using Google fonts Oswald Medium Green.  This is what I input into Simple Custom CSS but it is getting overridden and I don't know how to fix.  I tried to save H1 in Google fonts default typoography but it isn't taking.  This should be so simple but it isn't working.  Hoping someone can help!

http://25a.e58.myftpupload.com

h1.entry-title {
    font-size: 2.4rem;}

Open in new window

0
I am using studio press theme.  I added a custom link button called  "Careers" to the menu bar.  How do i modify it so it opens in new window?

beta site
http://25a.e58.myftpupload.com/

screen shot
https://screencast.com/t/pleijh4ciD
0
Can you please tell me where the error is?


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.ComponentModel.DataAnnotations;
using System.ComponentModel;

namespace Scaffld.Models
{
    [MetadataType(typeof(EmployeeMetaData))]
    [DisplayColumn("FullName")]
    public partial class Employee
    {
    }

    public class EmployeeMetaData
    {
        // Id property is hidden and cannot be changed
        [HiddenInput(DisplayValue = false)]
        public int Id { get; set; }

        // EmailAddress is read only
        [ReadOnly(true)]
        [DataType(DataType.EmailAddress)]
        public string EmailAddress { get; set; }

        [ScaffoldColumn(true)]
        [DataType(DataType.Currency)]
        public int? Salary { get; set; }

        [DataType(DataType.Url)]
        [UIHint("OpenInNewWindow")]
        public string PersonalWebSite { get; set; }

        [DisplayAttribute(Name = "Full Name")]
        public string FullName { get; set; }

        [DisplayFormat(DataFormatString = "{0:d}")]
        public DateTime? HireDate { get; set; }

        [DisplayFormat(NullDisplayText = "Gender not specified")]
        public string Gender { get; set; }
    }
}

Open in new window


Server Error in '/Scaffld' Application.

Compilation Error

Description: An error occurred during the compilation of a resource required to service this request. Please review the following specific 

Open in new window

0
I am sure many of you have seen this.  I am having an issue with my .css files and .js files as they are not getting assigned a value of css in the mime.  It is showing octet-stream.  I have tried to add it when uploading the files 1. Change Metadata Field (text/css) does not show up as an option.  Used S3 Browser and changed the Content-Type to text/css.  I guess it saved?, but then I go back in and view my site from Developer view in browser, it still says octet-stream.  I do have 1 css file that has the full url as the link (google fonts url). It shows up right in the Dev browser as CSS for the type.  FYI - When I inspect, all css files do not have a content type except the one for google fonts.  You can see my site here.  http://inquireacademy.com Thoughts?
0
Hi Guys,

I'm trying to build simple online chat with this example:
https://bootsnipp.com/snippets/featured/simple-chat

I copied this code and it works good. Now I'm wondering how do I recognize who is me and who is the other client I speak with.

you can open this link above and see that "me" is hard coded.
I thought to create textbox and give to the users who want to chat then take this variable and put it in the method "insertChat(who, text, time = 0)"

Please, let me know which is the best idea to do so.
Thanks.
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've had this working for months and now nada. Not sure what changed.

On the homepage, I'm supposed to have things slide and fade in on scroll.
All js and css file paths appear to be accurate and I have the initializing code in the head.

http://sandbox.intrepidrealist.com/alan-macy/
0
I want to change the default line spacing between list elements to a smaller amount than the default. How do I do that?
0
Can you please tell me why its not showing the database?
screenshot.pngscreenshot2.pngscreenshot3.png
0
I have a HTML unordered list-item.  With hrefs, with either pdf/zip.  I want each one to be 200x200 inline, with the full block being the link.  Text would be center/middle aligned.  Im really having issues putting this together.  Also, Mouse over and the background-color changes and you can download the items.
<style>
.pk ul{
    display:inline-block;
}
.pk li{
    background-color: #ccc;
    min-width: 200px;
max-width: 200px;
    min-height: 200px;
max-height: 200px;
display:inline-block;
text-align:center;
padding: 10px ;
margin: 0 0 10px 0;
}
</style>
<ul>
  <li><a href="#" target="_blank">Press Release</a></li>
  <li><a href="#" target="_blank">FAQ</a></li>
  <li><a href="#" target="_blank">Backgrounder</a></li>
  <li><a href="#" target="_blank">Overview</a></li>
  <li><a href="#">Screenshots: One</a></li>
  <li><a href="#">Screenshots: Two</a></li>
  <li><a href="#">Video: One</a></li>
  <li><a href="#">Video: Two</a></li>
  <li><a href="#">Bio 1</a></li>
  <li><a href="#">Bio 2</a></li>
</ul>

Open in new window

0
Hello,

Please tell me how to set the div element's default to hidden, for the following java script toggle function.

https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp

Thanks!
0
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 220px));
grid-gap: 20px;

Open in new window


Taking that simple code, how would it be adapted to work in IE and Edge? I gather it needs to make use of the -ms prefixes, I think, but I can't seem to make it work properly.
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.