Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 8 years ago.
Improve this question
<! DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="nav">
<div class="container">
<ul class="pull-left">
<li>ONE</li>
<li>TWO</li>
</ul>
<ul class="pull-right">
<li>LOG IN</li>
<li>HELP</li>
</ul>
</div> <!--End nav container-->
</div> <!--End nav-->
</body>
</html>
As of right now the list is displaying at the default way HTML displays lists. the second link to a main.css is just a blank file I am not doing anything in it. These files are structured as such:
Documents/Web
There are both in my web folder.
You're swapping btn with bnt, which won't render.
Try:
<body>
<div class = "container">
<form>
<button class="btn btn-primary"> My Button </button>
</form>
</div>
</body>
You can see the result here: http://jsfiddle.net/YuURs/
Related
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 7 months ago.
Improve this question
when i use this code:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
border: 1px solid green;
}
li,
a {
text-decoration: none;
color: black;
}
header {
display: flex;
justify-content: space-between;
align-items: center;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>My first project</title>
</head>
<body>
<header>
<p>LOGO HERE</p>
<ul class="nav__links">
<li><a href="#">Home</li>
<li><a href="#">About</li>
<li><a href="#">Services</li>
<li><a href="#">Contact</li>
</ul>
<a class="cta" href="#">Call us button!</a>
</header>
</body>
</html>
i get this: output from code
instead of all 3 elements being evenly centered. any thoughts? I was following yt tutorial and last night it was all ok, but today it doesn't seem to work... I can't figure out what i am doing wrong...
It is because the a tags inside the li tags don't have a closing tag. The browser that renders it gets confused by where to close the tags and adds an extra a tag after the ul. So, the proper code would be:
<header>
<p>LOGO HERE</p>
<ul class="nav__links">
<li>Home</li>
<li>About</li>
<li>Services</li>
<li>Contact</li>
</ul>
<a class="cta" href="#">Call us button!</a>
</header>
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 6 years ago.
Improve this question
I have made a site using css and html and in the main body underneath my nav bar whenever I try and make a normal paragraph, everything within the paragraph becomes a link to the contact.html webpage!!
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ace Moldels</title>
<meta name="description" content=“A website that sells radio controlled model cars" />
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="head">
<div class="header_content">
<center><img src="images/pic1.jpg"></center>
<div class="nav">
<ul>
<li><a href="index.html">HOME</li>
<li><a href="cars.html">CARS</li>
<li><a href="boats.html">BOATS</li>
<li><a href="about.html">ABOUT</li>
<li><a href="contact.html">CONTACT</li>
</ul>
</div>
</div>
<div class="headerbreak"></div>
</div>
<p> Greetings hello there</p>
<p> Greetings hello there</p>
You need to close the <a href="..."> tags:
<li>HOME</li>
<li>CARS</li>
<li>BOATS</li>
<li>ABOUT</li>
<li>CONTACT</li>
Close the anchor tags.
Example:
Text of the link
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed last year.
Improve this question
Hello i was trying to create a navbar and a red box below it. But red box came in the navbar .
I used css and html only . I have also provided the before and after of the outcomes
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="style.css" rel="stylesheet" type="text/css" />
<title></title>
</head>
<body>
<div class="bar">
<img src="background.png" class="pic">
<nav>
<ul class="navlist">
<li>Search</li>
<li>Browse</li>
<li>Tags</li>
<li>Filter</li>
<li>Dev</li>
</ul>
</nav>
<div class="signin"><a href="#" class='sign'>Sign In</a</div>
</div>
<div class="introbox">abcd</div>
</body>
</html>
Add the closing bracket of the anchor element
<div class="signin"><a href="#" class='sign'>Sign In</a></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 1 year ago.
Improve this question
I'm adding fontawesome icons in my page, but these icons are not working, although I added a cdn link in my file:
<div id="footer">
<div class="container">
<div class="row">
<div class="col-md-6">coyright#2021 company name</div>
<div class="col-md-6">
<ul id="social-icons" class="float-md-right">
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
In the <head> of your html, reference the location to your font-awesome. min. css. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
stackoverflow is sandboxed and won't load the fonts. Try your code in jsfiddle. https://jsfiddle.net/a9jvfebw/
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<div id="footer">
<div class="container">
<div class="row">
<div class="col-md-6">coyright#2021 company name</div>
<div class="col-md-6">
<ul id="social-icons" class="float-md-right">
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
You forgot to include the font family:
CSS:
body {
font-family: 'Font Awesome', sans-serif;
}
To use the Font Awesome icons, add the following line inside the head section of your HTML page.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div id="footer">
<div class="container">
<div class="row">
<div class="col-md-6">coyright#2021 company name</div>
<div class="col-md-6">
<ul id="social-icons" class="float-md-right">
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
Try this code. And check it once again, where you have added tag.
In order to access the Font Awesome library, you will need to request it from eighter downloading it to your local machine or via using cdn. In both ways you will need to connect it to your HTML document by specifying the link to the external file in your <head> tag. It should look like this.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div id="footer">
<div class="container">
<div class="row">
<div class="col-md-6">coyright#2021 company name</div>
<div class="col-md-6">
<ul id="social-icons" class="float-md-right">
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
Note: The href attribute of a tag may not be empty. It is required to have a value of eighter a link, javascript:void(0) or a # sign in order to be a valid HTML, as well as the <html> tag has to have a mandatory lang attribute.
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 9 years ago.
Improve this question
<!doctype html>
<html>
<head>
<title>Single Column</title>
<link rel="stylesheet" type="text/css" href="single.css>
</head>
<body>
<div id="container">
<div id="content">
<h2>Here's some content</h2>
<p>This is where a story would go</p>
<h2>Here's more content</h2>
<p>This is another story</p>
</div> <!-- end content -->
</div> <!-- end container -->
</body>
</html>`
The code above is my HTML file and the code below is my css file. when i open the browser and search local host it displays the content but the font is not changing?
body
{
font-family: arial,helvetica,sans-serif;
}
#container
{
margin: 0 auto;
width: 600px;
background: #FFFFFF;
}
#content
{
clear: left;
padding: 20px;
}
You are missing the closing quote in your link href for css
<link rel="stylesheet" type="text/css" href="single.css">
^^ missing quote