Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 6 years ago.
Improve this question
Which is the best way to link the logo to in the following scenario? Shall I replace the DIV with Link or can i do something in CSS.
The question is can you link the DIV(logo) from the CSS itself
CSS
.login-container .login-box .login-logo {
background: url("img/logo.png") top center no-repeat;
width: 100%;
height: 149px;
float: left;
margin-bottom: 20px;
}
HTML
<div class="login-logo"></div>
This will be best to link your logo Link
Yup, as you mentioned using an anchor tag instead of a div for your logo is the cleanest solution here. You can keep using the same class, then you shouldn't have to revise the CSS much if at all.
Related
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 5 years ago.
Improve this question
How can i align button at center of html body. Any one help me
Page View of button
You can give the button the following CSS code:
button{
margin: 0 auto;
}
You can also use flexbox on the container of the button:
.container{
display: flex;
}
You can then use the following:
button{
margin: auto;
}
Here you go, basic one. You didn't provide a code so we can't provide an answer using your code.
body {
text-align: center
}
<button>center</button>
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 the following CSS:
#Wrapper {
width: 600px;
background: #FFFFFF;
margin: 0 auto;
padding: 5px;
border-radius: 10px;
}
And the following HTML:
<div id="Wrapper">
...
</div>
But for some reason the wrapper's CSS styling does not extend the full length of the HTML.
I'm missing something obvious I'm sure but can't see the wood for the trees right now and pasting all the code would just make my post look a mess.
Any thoughts...?
Use tables for emails to be consistent across all clients.
Then you should read up on CSS use within emails.
margins, border-radius are not acceptable.
http://www.campaignmonitor.com/css/
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 web form with 2 logos and I need to show one of them according with the CSS file that will be using, for example if I user the css file named company1.css show up the logo1 and the same way for company 2
Any idea bout how can be done this ?
Thank your help
I am now back at my computer so I have edited this post to a more appropriate format.
Use the logo as background for a div, give the div a fixed height and width.
In the CSS file add something like the following:
.divclassname {
height: 150px;
width: 150px;
Background:url(someimage.jpg);
Background-size: cover;
}
markup:
<div class="divclassname"></div>
In your company1.css file:
.logo1 {display: block;}
.logo2 {display: none;}
In your company2.css file:
.logo1 {display: none;}
.logo2 {display: block;}
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 have a little problem with CSS styling. For some reason which I can't determine this won't style correctly and I can't edit the colour in CSS. Here is an image to what the actual header looks like and for some reason the background won't style.
Here's my css styling code for the class that it's using:
.panel-heading {
text-align: center;
background-color: #ececb0;
}
Here's my html code for the header:
<div class="panel-heading"><h3 class="title">DeadSwitchand</h3></div>
use !important over the background-color property:
.panel-heading {
text-align: center;
background-color: #ececb0 !important;
}
JsFiddle
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 9 years ago.
Improve this question
I want to align more than five div tag on same line. Below is my css:
<style>
#yes { float: left; width: 18%; margin:1px; }
</style>
HTML example:
echo '<div id="yes">'.'<b>'.'Job Title: '.'</b></div>'.'<br />';
Here what I got:
https://www.dropbox.com/s/823gos5qoa0vw6u/1.jpg
Why does it happen? I'm trying to adjust width and margin but it still doesn't align on the same line.
It's because of your line break <br/>
Remove this and you should see your problem resolved
Add position: absolute; to your CSS.