Tagged Questions
CSS (Cascading Style Sheets) is a style sheet language used for describing the look and formatting of HTML(Hyper Text Markup Language) and XML(Extensible Markup Language) documents including (but not limited to) colors, layout, and fonts.
0
votes
0answers
4 views
Bootstrap panel footer and body overlap when scroll
I am using Bootstrap panel and the overflow-y of panel body is scrollable.
So when I am scrolling, the footer and body content seems to be overlapped.
<div class="panel panel-featured">
...
0
votes
0answers
12 views
itextsharp with html in c#
I used itextsharp with vb before, I was doing it with some HTML coding, like passing the whole html to itextsharp to create a PDF, but now I am working on c# and I have lost all my previous works, is ...
1
vote
2answers
33 views
Why does my CSS selector does not work as expected?
I am creating a gallery website my goal is the show option button on bottom of the picture when use hover over it.
Here is an example of what I want on pixabay
<div class="image-thumbnail ...
0
votes
0answers
12 views
Text in the div shows on top of the div instead middle
How to repair my code to show the text in the middle of div? Cause it's showing it on the top of the div...
#fixed-menu {
padding-top: 5px;
padding-bottom: 5px;
font-family: sans-serif;
...
0
votes
0answers
11 views
how to hide ul li with specific class on page load by default before toggle click function apply
I have toggle tree which responds on click i.e. show or hide UL>li. I want to hide all the UL --> li who has parent ul-li. To make it more obvious I have apply css background-color to red which I want ...
0
votes
0answers
5 views
How can i achieve the bootstrap styling effect for a simple select dropdown-Jquery/CSS
I have a simple dropdown that I want to stylize so that it would bring the boostrap effect.
However, I'm not keen on using the boostrap.css for this purpose.
Is there any way I achieve this:
by ...
0
votes
0answers
5 views
Move a certain HTML content into another sheet on print
I am preparing the @Media print CSS on a website that will display dynamic content. This means that the height of the content to be displayed will vary according to what the user has filled in the ...
0
votes
0answers
14 views
How to make corners of progress bar round in css
For my progress bar I would like to have the edges rounded and the percentage on display inside the progress bar. I managed to get the corners of the progress value to be round but not the ...
0
votes
0answers
10 views
How to use css for chart bar color in Javafx
I have created a chart bar, and I wish to change the bar color according to the name of values. It has two series one shows number of green values which should be green and the other one yellow. I ...
-2
votes
1answer
7 views
mobile bootstrap menu closes
i take standart bootstrap menu and bootslider component.
Mobile menu opens and immediately closes, :
like on this screenshot
0
votes
3answers
26 views
change div with slide on click
I have this code:
<a onclick="show('div1')">Show Div 1</a>
<a onclick="show('div2')">Show Div 2</a>`
<div id="div1">This is Div 1</div>
<div id="div2" ...
0
votes
0answers
7 views
Issue in CSS nth child and nth type of for class [duplicate]
My limitation is that I cannot update the HTML structure as we are using a cloud based platform for this. My code is here at fiddle:
http://jsfiddle.net/2RqmU/733/
...
0
votes
1answer
37 views
Input onClick function in Javascript
I would like to have the held down effect of :active without holding it down with onClick function but I'm pretty new and have no idea how to do it.
Here's my javascript code for my the line I would ...
-1
votes
0answers
10 views
is there a substitute for screen.width in css?
Is there any way to get the expected design of this code?
@media screen and (max-width: 840px){
margin-right: (screen.width-840px)/2;
}
0
votes
0answers
22 views
Append div upto 5 times and ignore more than 5 - jQuery
I am creating dynamic div, which is in for loop.
length = //some number from 1 to 10;
for(i=1; i<length; i++)
{
if(i > 5)
{
<div></div>
...
0
votes
5answers
27 views
Overriding combined css classes
There are numerous questions about the order of loading CSS files and overriding classes, but after reading them I still have something I can't figure out.
There are two CSS files:
<link ...
0
votes
1answer
23 views
How to add attribute to custom angular directive
I need to add an attribute to a custom angular directive but I do not know how to bind the attribute (width) from the html part to the javascript that manages the behavior.
this is the html:
...
-1
votes
1answer
15 views
Stylizing checkbox via CSS? How does Shopify do it?
Check out the Shopify login page and note the checkbox (it's green). I've been inspecting away but can't figure out how they're doing this. I did figure out the real checkbox is hidden behind this one ...
1
vote
1answer
28 views
How to remove div tag wrapped around radio button?
I am facing difficulties for styling my form. This is the HTML code snippet of the web page.
<li class="gchoice_8_8_0">
<div class="tetapose_radio">
<input id="choice_8_8_0" ...
1
vote
1answer
8 views
on page load text color not change jquery
hi today i create a html and jquery code for specfic class color change on page load . but its not work on my server . i check it to jsfiddle its working fine can any one explain whats wrong this is ...
0
votes
1answer
14 views
Reset link's background colour with jQuery
With jQuery, I'm currently changing the background colour of my link when it's clicked. However, I'd like to reset this colour once a) I close the link or b) I click another link (say Dropdown 2).
...
-2
votes
2answers
49 views
Displaying div on click submit button
I have a radio button and a submit button. On click of this submit button, I need to display a div.
My code is as follows:
<form action="" method="GET" name="myform">
<input ...
1
vote
2answers
38 views
hide and show click items on click event
I need to hide and show elements in the time-line based on year.
suppose use clicks on year 2015 then it should hide all it child element and show it if user clicks the same year again 2015.
I have ...
-1
votes
3answers
36 views
Using javascript to place a transparent image on top of another and another
I want to be able to assemble a sandwich by selecting what you want on it. Using radio buttons, I want to see the sandwich assemble as you click what you want on it. I've made each individual part of ...
0
votes
3answers
28 views
Float not working inside div
May be I am doing some silly mistake causing this issue, but I am stuck.
I need to create 2 adjacent child divs in the parent div. but they are not getting aligned.They come like one down the other. ...
-1
votes
1answer
15 views
Standalone javascript library to create modal dialogues
I am looking for a lightweight library to create elegant modal dialogues with different purpose (alerts, confirmation, prompt, forms). A library similar to Bootbox.js but without JQuery and Bootstrap ...
0
votes
4answers
24 views
display div tag in same line
I want to display the div tag in same line.Now empty div appear in same line.I have content in php while loop so having variation in display.
client box appear slight below from payroll div.Fiddle
...
0
votes
0answers
24 views
Stacking Banners (HTML/CSS)
I'm attempting to make two banners, one on top of the other like https://www.teamkaliber.com/ , where it has the main banner and then the little icons (Facebook, Twitter and YouTube) in a seperate ...
0
votes
0answers
9 views
Strange Parallax Bug in Chrome
I got a strange chrome bug in my site - site link
parallax in team section looks good in mozilla but in chrome its totally disturbed. Have tried various fixes recommended over the internet, still no ...
0
votes
0answers
31 views
Unable to remove no-select attribute using Javascript
Here I was trying to get the result image on the right as data to png format but it seems the resultant image is hosted somewhere else so data attribute I guess won't work anymore using the below ...
0
votes
1answer
19 views
Fullcalendar. Highlight cell background of event
I'm passing events array to FullCalendar and it's working fine. But how can I highlight cell background basing on event title?
Currently I'm trying to use following options:
public async ...
2
votes
1answer
15 views
Vertically align fa-icon in a dynamically generated button
I am dynamically generating a button using jquery and adding an fa-icon in it, I need to vertically align that icon as the button contains two lines of string. The code:
...
0
votes
0answers
24 views
JavaScript and CSS minifier not working in Servicestack
In the latest version of Servicestack, minifier was introduced. So, tried them in project. I am able to minify razor pages but not the javascript or css file I am adding into them.
I have copy ...
0
votes
1answer
11 views
Contact form example not working with reCAPTCHA
Would anyone be able to help me with this email contact form?
I have absolutely no idea what i'm doing with this and i've never done anything like it before.
I'm working with this example ...
0
votes
0answers
12 views
Why is my font awesome not working in child theme but plugin?
I had tried to put
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> or <link rel="stylesheet" ...
0
votes
0answers
7 views
Change Position of Place Card in embedded Google Maps
I used the "iframe" html code for embedding google maps in my site, but i want to change the position of the "Place card", where address is displayed. The default position is top left, but i want to ...
0
votes
0answers
9 views
jQuery Dragscroll is not working on position absolute?
I tried to drag the container tag. But dragable is not working when using position:absolute. But the position:relative is works fine. How to drag the container with position:absolute?
var ...
-1
votes
0answers
32 views
Class=“active” not highlighting menu item
I was designing a submenu. I'm using angular-route-segment.js & bootstrap.
There has 2 app-view-segment. app-view-segment 0 have a main menu and app-view-segment 1 have a submenu.
In ...
1
vote
0answers
21 views
hover text over hoizontally scrolling images [on hold]
OK, I am actually trying to have text placed behind each image so that when the image is clicked the image will hide and reveal the text. I figured a starting point would be to at least get the text ...
0
votes
2answers
32 views
Can't force Chrome to Scroll to top of page with Javascript
I have finished developing my website and I am testing it. I run a script after 1 second to check the height of the header/top and add a margin-top to the content section. but this header/top changes ...
0
votes
0answers
25 views
changing bootstrap 3 navbar css
I am trying to change the css in the bootstrap 3 default nav in my child theme.
I can target the different pieces easily enough (.navbar-default .navbar-nav > li > a:hover) etc.
problem is I ...
0
votes
1answer
29 views
How to make logo stay centered and shrink to fit as browser resized
Trying here: http://alternativegrow.com.au/
to make logo stay centered and shrink to fit as browser resized (instead of getting cut off). I have followed a number of recommended techniques but to no ...
0
votes
1answer
9 views
spring mvc 4: cannot location css
When I load the page, there is no css there. And after I check the code and click the link for css, I got 404.
Is there something wrong with my configuration? I am a new Spring MVC user.
...
-1
votes
0answers
11 views
kendo ui tabstrip responsive header [on hold]
Can we make the tabstrip responsive so that if tab increases it will not stack but a slider will come as per attached image
0
votes
1answer
13 views
Negative margins to resize content and overlap absolute DIVs
I have a DIV with two absolute DIVs inside, one on top and one on the bottom which together form a nice UI window.
Also inside the DIV is the actual content window which determines the height of the ...
-3
votes
1answer
34 views
I made a website without a <!DOCTYPE> what should I do?
I've been working on a website for about a month now and everything was going well until today, when I added <!DOCTYPE html> to my code, doing which messed up a lot of my css. Although I was ...
0
votes
1answer
15 views
Bootstrap nav not collapsing when I want it to
By default Bootstrap collapses a nav menu when the viewport gets narrower than 768px. Because of the width of my menu items I need to to collapse a little sooner, around the 786 mark, otherwise at a ...
0
votes
1answer
28 views
Margin top on div inside another wrapper div
I'm just new to front end coding, I am facing some problems about the margin here.
I have a #header div as a base, and other div inside it.
body {
margin: 0;
padding: 0;
}
#header {
...
2
votes
3answers
39 views
Can a div with z-index applied be floated?
I am trying to make a layout where the navigation sits in a div on top of an image. Im using z-index to do this. I tried making the image a background image but I couldnt get it to scale properly when ...
0
votes
0answers
25 views
autocomplete input field with auto fill suggestion
I am creating a search tool that shows suggestions on the input field itself, or at least it would look that way. Since it is very hard for me to describe it I can show an example instead.
...