Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed last month.
Improve this question
I am creating a simple art profile for fun, I have a banner and a navbar. I tried to put in text:
Welcome to my art profile. This profile contains all my artworks from the previous years.
But this wont show on my page.
I checked the padding of my instructio nand navbar, bot of them should not be in the way. These are the only 2 things added to the code. I simply want the text to appear on the page.
Alright, first off, add your code between 3 backticks (`). I looked at what I saw when you can edit an answer, and this is the code I saw:
<div id="main-content">
<div>
<h>Welcome to my art profile. This profile contains all my artworks from the previous years.</h>
</div>
</div>
Second, <h> is not a tag. You are probably looking for <h1>, <h2>..., <h6>.
This is your improved code:
<div id="main-content">
<div>
<h1>Welcome to my art profile. This profile contains all my artworks from the previous years.</h1>
</div>
</div>
Next, since you said there isn’t a lot that’s affecting your HTML, just post all the code. There is an “id” called “main-content”, which leads to believe some part of your code is causing the text not to show.
This website also isn’t for editing simple code mistakes, which, I will admit, is subjective.
You need to read this: https://stackoverflow.com/help/how-to-ask
EDIT: Format your CSS you added in your comment. It’s difficult to make it out. I don’t have enough reputation to edit, or make comments.
Related
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 5 years ago.
Improve this question
Which is the proper way? Putting more classes in a div or just using a parent div to give the same class to the children within.
Ex. All in HTML file:
<p class="pt-1 fontsize20 text-uppercase bg-black"> text here </p>
Ex. All in CSS file:
<div class="parent">
<p> text here </p>
<p> text here </p>
<p> text here </p>
</div>
css file:
.parent p {
padding-top:10px;font-size:20px;text-transform:uppercase;background:#000;
}
Sorry first post, don't know how to put code in
Part of good programming technique is keeping things DRY (Do Not Repeat yourself).
There are two problems with your first method:
It is not DRY - meaning you will have to repeat that for every paragraph you want it applied to.
You are specifying what it should look like in the class names. Classnames should never represent appearance. For instance you are using the fontsize20 as a class name. That represents the appearance of size 20. If you decide later that you want the font size to be 25, you could change your CSS to 25, but your class name would still say fontsize20. This would be confusing to anyone looking at your code. Instead use class names that are descriptive of the data it contains, not the style it should look like. Ex. class="customer_data" would be a much better class name.
There is no correct way between the 2 ways. Go with whatever the project is using already or pick one of the 2 if there's no currently established method.
To put code in click the {} button or the snippet button to the right of it. Or use 4 spaces to indent and it'll show up in a code block. You can also use tick marks to indicate code like this: display: block;
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
I'm trying to find out how to write this function but I'm not sure what it is called and where I can find one for an example. I'm a beginner so I'm only familiar with HTML and CSS.
It's NOT a dropdown bar. It's a text that you could click and when you click it, it immediately shows another body of text right underneath it. It does not involve loading anything, as if it is already there. It is immediate. I want to have something in my website where if I have a name of something, there is an arrow by it that says "details" and when you click it, it shows a whole body of text with details. This button typically seems to have a small arrow next to it. Again, it is not any type of menus or bars, it shows a whole body of texts or images.
It sounds like you want to show a hidden element. This is a very basic example, look into jQuery show() & hide(). You're essentially setting the display:none CSS rule on the hidden text to something like `display:block'.
$('#foo').on('click', function(){
$('#text').show();
});
#text {
display:none
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Details
<div id="text">This is a test message for the text.</div>
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 8 years ago.
Improve this question
I am trying to create a small description tile on a web page and i realized that bold ( tag) isn't causing the desired effect(or any effect at all) on a particular page. This is the code that I am using, which to my knowledge is correct:
<div class="w48 contentBox contentBoxBlue" style="margin:1%;margin:0 auto;">
<img style="width:25%;margin-bottom:5%;" src="styles/images/piggyWhite.png" />
<p class="tWhite tCenter"><b>Pay Per Hire</b><br>Participate for free and pay per hire</p>
</div>
I tried looking around on stackoverflow but couldn't find any similar posts. Does anyone know what the problem could be?
Thanks in advance people!!
EDIT: This may be caused by any overriding css property.
It's possible that it may be being removed by another CSS rule, for example:
.twhite b { font-weight: normal; }
If you are using chrome, right-click on it and choose "Inspect Element", then see what CSS rules are being applied. That will give you your answer.
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
I'm a beginner web developer that has learnt all the basics in html and css. Currently, I've been introduced to the concept of frameworks to sort of ease the placement of elements in a web page.
In regards to this, I am still confused as to how do you implement them into your code. Whenever I download one, I get a bunch of files and don't know what to do with them. I'm surprised there aren't too many explanations online as to how to use them, maybe I'm looking in the wrong places.
Secondly, is there a beginner friendly framework I should start with? I've seen people suggest 960 Grid System.
In addition, what makes a framework "light"? What is the difference and what purpose does a "light framework serve?
I know you must be a bit lost, like we are now on other subjects.
Go to this link:
This is the code of 960 Grid System
You have to copy the whole content of the link.
In your current web, you are going to have a main HTML file (probably index.html or like that). In the same folder where your main HTML file or index is, create a folder called CSS and inside this one, create a file called for example grid960.css. Now, open it, copy all the content of the link and paste it in your grid960.css file. Save it, and in your main HTML file, you have to call it to make it work. For that, in your HTML head section, copy this:
<link rel="stylesheet" href="css/grid960.css">
Now you can use it. And you have to know that the best way to use it is applying its classes with divs. To explain some of the classes grid960.css has, I am going to give you an example:
<div class="container_16"> <!--The other option is container_12.-->
<div class="grid_8">
This div is going to occupy half part of the window.
<div>
<div class="grid_4">
This div is going to occupy a quarter of the window.
<div>
<div class="grid_4">
This div is going to occupy a quarter of the window.
<div>
</div>
You can also do this:
<div class="container_12">
<div class="grid_12">
This div is going to occupy the whole window. Next grid you put is going to be below it because is not going to fit.
<div>
<div class="prefix_2 grid_8 suffix_2">
This div is going to occupy the whole window too, but with a margin-left (prefix_2) with the same width of a div of class grid_2, and the same for the margin-right (suffix_2)
<div>
</div>
Of course, you can do combinations:
<div class="container_16">
<div class="preffix_1 grid_7 suffix_8">
</div>
<div class="preffix_6 grid_10">
</div>
</div>
And whatever you want. Try it. It is very easy. I hope I have helped you.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I am not sure how to fix this and I know this question is kind of basic. A random object that is blocking my navigation bar is appearing on the browser side but not in the code, here:
image http://img571.imageshack.us/img571/9861/s4oa.png
But then in the code:
Please help me rectify this.
The issue on your page is that the following element seems to be created automatically and it is altering the spacing for you:
<a original-title=""></a>
If you can use a style sheet you should be able to adjust just the home link as follows:
<a class="home-link" href="/index.php">...</a>
And add the following style rule:
a.home-link {
margin-top: -18px;
}
This isn't particularly pretty or flexible so I would still strongly consider trying to determine where the element is injected and see if you can prevent it from happening. Good luck!
try moving the clearfix above <ul> tag as a separate div.
<div class="clearfix"></div>
<ul>
<!--- all list -->
</ul>
EDIT
Though i doubt it would affect, but still, your <a> tag is not closed in below line :
<a heref="cashcapacity.com"><center><img src="{$theme['logo']}"/></center><a>
and
<div class="navigation_menu">
<div> <!-- either this div is uselessly mentioned or you forgot to close this div -->