Stránka 1 z 1
Pomoc s HTML/CSS
Napsal: 12 lis 2016, 13:21
od ImpossibleKiller21
Dobrý den, rozhodl jsem se udělat si web a potřeboval bych pomoct..
HTML soubor =>
<!DOCTYPE html>
<html>
<meta charset="utf-8" />
<head>
<title> XXX </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="header">
<div class="container">
<div id="logoArea"></div>
<div id="navArea">
<ul id="nav">
<a href="#"><li>Galerie</li>
<a href="#"><li>Informace</li>
<a href="#"><li>Eventy</li>
</ul>
</div>
</div>
</div>
<head>
<div id="mainArea">
<div class="container page">
<h3> ssssssss</h3>
<p>sssssssssssss </p>
<h3> ssssssss</h3>
</div>
</div>
</div>
<div id="footer">
<div class="container">Copyright Notice Here- Site maintained by **</div>
</div>
</body>
</html>
CSS =>
/* Navigation Bar Start */
* {margin:0; padding:0;}
body{
font-family: arial;
background-color: #ebebeb;
}
#header{
background-color: black;
height: 100px;
width:100;
text-align: center;
}
.container{
width:960px;
height: auto;
margin: 0 auto;
}
#logoArea{
width: 300px;
height: 100px;
background-image: url(obrazky/Logo.jpg);
float: left;
}
#navArea{
height: 100px;
float: right;
}
#nav{
list-style: none;
margin-top: 30px;
}
#nav a{
color: white;
text-decoration: none;
}
#nav li{
float: left;
margin-left: 30px;
background-color: #252525;
padding: 8px;
border: 1px solid silver;
}
#nav li:hover{
background-color: gray;
}
/* Navigation Bar End */
.page{
background-color: white;
padding: 20px;
padding-bottom: 0px;
}
#footer{
background-color: black;
height: 40px;
width: 100%;
color: white;
padding: 5px;
}
p{
margin-bottom: 20px;
}
Problém : Místo textu v headu se mi text zobrazuje jako link.. (Modrý a když na to kliknu tak to je fialové) a potřebuju aby se to zobrazovalo jako normální text..
http://imgur.com/a/rclvdZa každou pomoc budu moc rád.
Re: Pomoc s HTML/CSS
Napsal: 12 lis 2016, 14:02
od Teiichi
Zapomněl jsi zakončit <a>.
Kód: Vybrat vše
<ul id="nav">
<a href="#"><li>Galerie</li></a>
<a href="#"><li>Informace</li></a>
<a href="#"><li>Eventy</li></a>
</ul>
Re: Pomoc s HTML/CSS
Napsal: 12 lis 2016, 14:25
od ImpossibleKiller21
Děkuju ti moc.
Dal jsem ti +karmu nebo rep nebo jak se to tu jmenuje
Re: Pomoc s HTML/CSS
Napsal: 12 lis 2016, 17:35
od Aishak
Asi to nyní nehraje roli, ale máš meta tag mimo hlavičku.
Tohle musí být v hlavičce (mezi <head> a </head>).
Re: Pomoc s HTML/CSS
Napsal: 12 lis 2016, 17:41
od Teiichi
Fungovat to bude i mimo ní.
Re: Pomoc s HTML/CSS
Napsal: 12 lis 2016, 17:45
od Aishak
Bude, ale nebude to validní
Re: Pomoc s HTML/CSS
Napsal: 13 lis 2016, 10:00
od vojtamaniak
Offtopic v tématu promazán. Teiichi, izyy, Vaše osobní spory si prosím řešte někde mimo forum, ne uprostřed témat jiných lidí. Přispívejte jen k tématu.