Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
I have a link in a and it isnt lining up. You can view it here http://104.236.190.78/technology/
I added this css to try and shove the links down:
a{
padding-top: 3%;
}
I also tried that used 30px and it also didnt work. Any help is appriceated. Thanks.
Your screen.css (bootstrap) has a line-height:1em for some reason, this css should override it.
Add this to your CSS
body .content a {
line-height: 0;
}
Try this
a{
line-height: 33px;
}
In your html document (line 480) you are globally styling your anchors with the following code a{line-height: 33px;} which is causing your footer link to be misaligned. Take a look at the code and make some adjustments or delete it if it unnecessary.
Related
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 1 year ago.
Improve this question
Good day everyone! I am trying apply a background image via an image link but I do not know how to make it work. Does anyone know how to make this code works. Thank you.
background-image: url("https://www.logodesign.net/logo/building-on-crescent-4303ld.png?
size=2&industry=company")
You are not supposed to use HTML for setting a background image. You should learn css.
But here is an example if you want a taste:
<div class="your-class">
<style>
.your-class{
height: 500px;
width: 500px;
background-image:url("https://www.logodesign.net/logo/building-on-crescent-4303ld.png?size=2&industry=company");
background-size:cover;
}
</style>
Instead of exporting via html, you can do it with css operations.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
How do I edit this Bootstrap thumbnail slider/carousel http://www.bootply.com/79859 so that it looks like this one? I want to get rid of the whitespace between the thumbnails and make the thumbnails scrollable (without a scrollbar).
You can change the styling for the thumbnail list. Add a class selector .thumbs to the <ul> containing the thumbnails and the following CSS:
.thumbs > li {
padding-left: 0;
padding-right: 0;
float: left;
}
Bootply here.
As for making the thumbnails vertically scrollable there is a proof of concept here which shows you how to use overflow to achieve your desired effect.
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
<section class="wrapper">
other html codes.
</section>
Following is my css.
.wrapper {
display: inline-block;
margin-top: 60px;
padding: 15px;
width: 100%;
}
For mozilla and chrome there are no issues.But for internet explorer, the entire section moves right a little.Help me to fix the issue.
Have you tried using the HTML5 shiv? Although IE 10 shouldn't need this.
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
Another possibility is different browsers have different default margins/padding. Try to zero them out with:
*{margin:0;padding:0}
Try using reset.css as found from here http://meyerweb.com/eric/tools/css/reset/reset.css ... Use this css file as the first top file in your css.. .and then rest of your css. Let us know how it goes
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
I've made this fiddle to demonstrate: http://jsfiddle.net/Trblestrife/9HCCU/1/
Basically I'm applying a black background
#000 to the ID #footer-sec (line 182), however the black background is being applied to the ID #footer-prim.
Confusing!
If someone could give me a hand working out what's happening, if there's something wrong with my semantics or something that'd be great. I'm pretty new to this.
Thanks A
Edit
My styling begins in the CSS column at line 150. Sorry to make it so bulky, but I need a quick fix as this is a pretty simple problem so I just copy & pasted my whole reset sheet rather than adding only relevant styles. Sorry again!
Because you are floating the ul inside #footer-prim and #footer-sec those elements float outside their parent (resp #footer-prim and #footer-sec).
The solution is to let the parent know that there are elements inside it that float, by using the following code:
#footer-prim, #footer-sec {
overflow: auto;
}
Also check the updated Fiddle.
Set float:left. Try this:
#footer-sec {
background-color: #000;
color: #999;
float:left;
}
Demo
You could do it like this:
Adding: display: inline-block;
CSS:
#footer-sec {
background-color: #000;
color: #999;
display: inline-block;
}
DEMO HERE
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
Can anyone tell me why my rollovers for my figures are 7px taller than the figures themselves?
Been looking at this for nearly 2 hours and it's driving me towards insanity.
Note: This site is nowhere near finished so there is probably lots still wrong with it but if someone could tell me where the 7px is coming from that would be great.
I can post code if needed but here is a link to the test page.
Link to the text site
Thanks.
The extra space is actually a cause of line-height. Since you are using display: inline-block; on .portfolioWork figure, line-height will have an affect on it.
Just add line-height: 0; to .portfolioWork figure and it will fix the issue.
Your CSS definition will look like this:
.portfolioWork figure {
display: inline-block;
line-height: 0;
position: relative;
width: 100%;
}