Tagged Questions
CSS (Cascading Style Sheets) is a language used to control the visual presentation of HTML and XML documents including (but not limited to) colors, layout, and fonts.
0
votes
0answers
16 views
How can I toggle those two divs while clicking on an inside div?
I have:
HTML CODE:
<div id="katy"> <a href="javascript:void(0);" id="a"> Button 1 </a> </div>
<div id="perry"> <a href="javascript:void(0);" style="display:none;" ...
0
votes
0answers
8 views
How to combine image map area class with alt attribute to make new class
I have an image map with each of 21 states in the US as a separate area. Example:
<area class="region" shape="poly" coords="66,8,138,27,126,80,103,73" alt="WA">
<area class="region2" ...
0
votes
0answers
18 views
Scaling images to 16:9 aspect ratio
I have a background image which is getting scaled, but the problem is it is getting stretched and looking uglier when looked at smaller resolutions.
.bcg {
background-position: center center;
...
0
votes
0answers
6 views
jQuery Waypoints not working with with Bootstrap3 classes?
I'm having problems having the waypoints.js plugin work correctly with bootstrap3.
Here is a page with the absolute default barebone bootstrap boilerplate and the navbar code pasted into it. I just ...
0
votes
0answers
16 views
CSS fix for percentage rounding areas
So I have a grid split into three even columns which, when setting them each to 33.33% leaves a small gap at the end of the column due to rounding errors (mostly in Safari).
I've attempted fix this ...
0
votes
2answers
14 views
Possible to nest within &:before using SASS?
Trying to use sass to position a sprite: CodePen Link. I want to have each card show, but I can only get the visa one to show using the &:before method. Can I not nest .visa/.mastercard/.amex in ...
0
votes
0answers
33 views
Div wrap makes links wrapped in <ul> unclickable
I can't figure this thing out for the life of me! I know the html is a little messy but it works for what I wanted to do. The problem here is that I can't click the links once they're wrapped in the ...
0
votes
0answers
4 views
contents overflowing container in bootstrap 3.0
I have this website:
click here to see my website
My problem is that when I open the website in my iphone, the website fills the iphone's screen, but there is something making the website have more ...
0
votes
0answers
15 views
Slider is not showing images
I am working on slider of a website. And i am not quite good in jQuery. The strange matter is slider is not showing images. I used bx slider and basic jQuery slider. But I get same result from both ...
0
votes
1answer
50 views
Javascript loop refuses to do a function
My javascript changes the innerHTML, but refuses to add the delay to it. My goal is to make a menu that moves the list items right after each other, but this only works for the first two list items. I ...
0
votes
1answer
14 views
Bootstrap Center Form & Logo like Responsive Search Engine
What would be the best way to have a logo and form in the center of the page while being responsive?
Currently, I have something like
<div class="container">
<img src="logo.jpg" class="logo ...
-2
votes
4answers
48 views
onClick add input field
I want to add a transparent input text field in the centre of DIV #mainC each time the button is clicked.
JsFiddle
I tried doing this with jquery but did not succeed.
0
votes
4answers
17 views
Position divs as follow without float
I have a web page which looks like this :
I would like to know if it is possible to have different margin-top value for the 2 outer divs. At the moment, whether I set margin : x% or margin : ...
0
votes
0answers
2 views
Slickgrid columnpicker won't pop up
When displaying a table towards the bottom of the screen that enables the column picker, the column-picker will always pop downwards and consequently not display all the columns that can be selected.
...
0
votes
1answer
11 views
Animation on each element
$(".skills span").hover( function(){
$(".skillsIknow").stop().animate({ opacity: '1' },300);
},function(){
$(".skillsIknow").stop().animate({ opacity: '0' },300);
});
I have this simple animation : ...
0
votes
0answers
16 views
Cannot click anything on page using mobile browser
Very confused right now, we are just rolling this site out and after fixing an issue where the site wouldn't scroll on mobile (it was due to height 100% on the html element) I am now trying to ...
1
vote
1answer
16 views
Horizontal Schedule Bar for Website
I am working on a personal website and so far, everything has been going pretty well. I got the pages set up with the basic layout and everything like that. Now I am trying to make it look more ...
0
votes
0answers
7 views
ThreeJS CSS3DRenderer / CSS Animation Issue
i was looking for a way to display plain text ( 2d or 3d ) in a threeJS Scene , and apply some css effects to them , i looked around for a while and i came across this . probably what i wanted ..
now ...
0
votes
1answer
30 views
Horizontaly scrollable without scrollbar
I'm trying to mimic the behavior of overflow-y:hidden to overflow-x, but it doesn't behave the same. overflow-x:hidden doesn't allow to scroll (by dragging).
See: http://jsfiddle.net/Gxm2z/
...
0
votes
0answers
5 views
Way to set global font size in slickgrid
I'd like to be able to scale font size up across the board in slickgrid. It would appear that this is doable via style sheets etc, but not programmatically set a font size to use.
I've tried setting ...
0
votes
3answers
35 views
Text Background in CSS
Hello I am wondering how I would make the background of my text look like my slider at my website I am using a wordpress theme so just having a background for the text would be perfect Otherwise it ...
0
votes
0answers
8 views
How to resolve flexbox formatting differences bewtween Firefox and Chrome
I want to change the order of sidebar elements using a user style sheet (no access to change html or scripts).
I'm using Stylish CSS to add display: flex; to the container div and order: to the ...
1
vote
6answers
44 views
jQuery Remove element where child is not
So I am trying to hide all table rows where the anchor in that tr does not have an id of x.
I have got this, but it doesn't work, is it selected wrong or not possible this way?
...
0
votes
1answer
36 views
Why can't i add any paragraph at the center of the page in HTML?
I just started developing a personal homepage for my own. Everything went well until I wanted to write text outside the menu border and header (that means somehow center of the page). If I add any ...
0
votes
1answer
39 views
Css selector - different level
I have a big problem with coding on css
HTML
<div id='wrapper'>
<div id='first'></div>
...
</div>
...
<div id='second'></div>
CSS
<style>
...
0
votes
1answer
21 views
Canvas rendered under div instead of over the div
On my website, I want do render a <canvas> on top of a <div> with some other <div>'s in it. This is all working okay, however, drawing in the canvas is not possible, because it's ...
0
votes
0answers
14 views
Switch x and y axis of li table
I am wondering would I be able to switch my X and Y axis in this table. I am using this website to create the initial graph. However the graph only allows you to manipulate the data in the Y direction ...
0
votes
1answer
60 views
I am baffled why this javascript is not changing the color of my h2 elements
I am trying to color all strong and h2 tags based upon an earlier selection (male or female). I have done this to previous li and a tags, so I am confused as to why this isn't working. I must need to ...
0
votes
1answer
13 views
addressing color of a link within a li within a div
Hello I have the following html:
<div id="tbs_horizontal_menus" class="tbs_horizontal_menus">
<ul id="tbs_menu" class="tbs_menu">
<li> <!-- menu 0 start ...
1
vote
1answer
13 views
Using CSS for results lists with different vertical heights
I'm hoping to make a results list that looks like this:
I used to do that with tables way back when, but always struggle to figure out how to do this with css. What if the description is really long, ...
-1
votes
3answers
43 views
Use jQuery to get specific th tags with id
I'm using this Bootstrap plugin for a work project (so yes, the code will be heavily censored when I put it here.) The plugin takes JSON objects, (created in ColdFusion 10,) and puts them into HTML ...
0
votes
2answers
42 views
Arrange divs dynamically like in the picture
I need to arrange in a container first at all 3 divs.
Depending which size has the browser has, show keep the div=leftCol and the div midCol the same position inline and the div=rightCol should be ...
0
votes
2answers
15 views
Bootstrap all submenu open at the same time
I have a navbar which containing sub-menu. Once i hover over any top level menu item all sub-menu under this item open at the same time.
1
vote
0answers
34 views
Make element disappear on touch with another element jquery
Alright, this is one of my first times asking a question on here.. Hopefully there are no other answers questions like this one, I've looked.. Here's my problem, I'm just starting off learning ...
0
votes
2answers
18 views
Rotate an html5 canvas without redrawing the elements on canvas
I'm not sure if this is possible, I can't find any examples.
I want to create a spinning wheel on an html5 canvas. There will be 100 objects and images on the wheel. The wheel needs to spin fast. I ...
0
votes
1answer
14 views
Flexbox not giving equal width to elements
Attempting a flexbox nav that has up to 5 items and as little as 3, but it's not dividing the width equally between all the elements.
Fiddle
The tutorial I'm modeling this after is ...
2
votes
5answers
34 views
Styling CSS Unordered Lists
Is it possible to style an unordered list so that the second line and the ones after that are indented the same as the first line of the list item?
Please see the example for exactly what I mean
...
-1
votes
2answers
11 views
Responsive transparent overlapping css circles with text align vertical and center
Can't seem to get my text to align center and vertical within each circle. Tried putting h1 text inside of another div - display table, but having problems containing text inside each circle classe.
...
0
votes
0answers
12 views
The caption is on top of the picture in my tumblr theme
I have no idea why but the caption on my photo sets is on top of the picture. I am not very good at css but I would love to know what is happening and how to make the captions go below the pictures.
...
-1
votes
1answer
16 views
Twitter Bootstrap Responsive Navigation (btn-navbar, icon-bar) color changes
I'm working with Bootstrap and focusing on the mobile navigation. When hovered over, the icon (three horizontal lines) has a grey background color; however, the background color only goes halfway up ...
1
vote
0answers
14 views
Inline-block conainting image with height 100% collapsing in FireFox
I have a problem with CSS that's only visible in FireFox (cur.ver. 31).
I trying do make a responsive layout, with a row of images (with links), that are centered, have the same height and scale with ...
0
votes
0answers
9 views
CSS cb-slideshow animation
I've been following this amazing tutorial on how to make a slideshow purely with css: http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/comment-page-3/#comments
...
2
votes
3answers
26 views
ASP.NET GridView width will not stay at 100% after binding to SqlDataAdapter
I have a GridView and want its width to remain at 100%. It looks fine in design view, so I'm assuming something about binding with a SqlDataAdapter resets the width to suit the data, but I would like ...
0
votes
1answer
27 views
Individually Animate Each Character on a Page
Currently I have a mostly working script I've hobbled together. I'm doing this in multiple phases to make it as modular as possible.
//This grabs every element on page.
...
0
votes
1answer
17 views
ng-Grid with ng-repeat horizontal headers
Hey thanks for checking out my question, I am trying to create headers in ng-grid with an ng repeat but horizontally. I am able to the ng-repeat working but the items are repeating vertically. Is it ...
1
vote
0answers
17 views
vertical align not working with table display
I've searched online for numerous solutions to this problem and I have not been able to solve my problem.
I am trying to vertically align a div within its parent, my markup can be seen below:
...
0
votes
1answer
7 views
How to refresh DataTables after call to page event?
Here is my scenario ...
I am using pagination with DataTables. My first column is css styled based upon data that is passed in. So, I display the correct colored icon for the property of the item ...
0
votes
0answers
14 views
Adding a social icon strip to my website
hey guys i am working to add a social icon trip to my page , i had posted a similar thread on another forum , and did get a fair amount of advice , problem is it did't work 100% .
I was adviced to ...
0
votes
0answers
13 views
Displaying images with adaptive width and fixed aspect ratio
I'm displaying images in a grid for a photography website using bootstrap.
My problem is that vertical pictures are messing up the display, so I need to crop them down to the same height as their ...
0
votes
0answers
19 views
100% height of div in bootstrap tabs
I would like to make the green think on picture, but the red one is the default:
So what I want to do is basically set some background on tab content area, and that area should be at least as ...