Ako presunut tento CSS kód z Index.html do Index.css

Grafika, webdesign, spracovanie videa a zvuku...
noob
Zablokovaný
Zablokovaný
Príspevky: 144
Registrovaný: 25 máj 2013, 21:26

Ako presunut tento CSS kód z Index.html do Index.css

Príspevok od používateľa noob »

Mám tento HTML kód a štýly mi načitáva z index.html, namiesto z mojho css suboru. ked kód v <style></style> prekopirujem do mojho index.css
tak ho neberie, ako keby stale hladalo CSS v index.HTML namiesto index.CSS.


Ako to nastavim, aby tahalo kódy vzhladu z index.CSS namiesto index.HTML???

Tu je kód:

Kód: Vybrať všetko

<html><head>
<style>
   /* Begin Navigation Bar Styling */
   #nav {
      width: 985px;
      float: left;
      margin: 0 0 3em 0;
      padding: 0;
      list-style: none;
      background-color: #f2f2f2;
      border-bottom: 1px solid #ccc; 
      border-top: 1px solid #ccc;
	  }
   #nav li {
      float: left; }
   #nav li a {
      display: block;
      padding: 8px 15px;
      text-decoration: none;
      font-weight: bold;
      color: #069;
      border-right: 1px solid #ccc; }
   #nav li a:hover {
      color: #c00;
      background-color: #fff; }
   /* End navigation bar styling. */
   
   /* This is just styling for this specific page. */
  
   #wrap {
      width: 945px;
      left:auto;
      background-color: #fff; }
 
 
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>xxx.com</title>
<!-- CSS -->
<style type="text/css" media="screen">
#slider1 {
    width: 985px; /* important to be same as image width */
    height: 410px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin: 0 auto; width: 985px; left:0px;
	top:-47px
}

#slider1Content {
    width: 720px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 200px !important;
	height: 50px;
}
.right {
	right: 0;
	top: 0;
	width: 200px !important;
	height: 50px;
}
ul { list-style-type: none;}
</style>
<!-- JavaScripts-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="s3Slider.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('#slider1').s3Slider({
            timeOut: 6000 
        });
    });
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="index.css" rel="stylesheet" type="text/css">
</head>
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Ako presunut tento CSS kód z Index.html do Index.css

Príspevok od používateľa audiotrack »

do index.css to ide už bez <style> a </style> tagov. Iba samotné štýly. Z toho html ich potom ale zmažeš aj s týmito tagmi.

a

Kód: Vybrať všetko

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
tam máš dvakrát, jedno zmaž
Aiden
Darca
Darca
Používateľov profilový obrázok
Príspevky: 2213
Registrovaný: 06 apr 2007, 14:28

Re: Ako presunut tento CSS kód z Index.html do Index.css

Príspevok od používateľa Aiden »

Ty si naozaj uplny debil alebo troll. Pytas sa tu na otazky, na odpovede ktorych potrebujes 5 minut a jednu stranku. (odhliadnuc od toho, ze s HTML/CSS problematikou stravis pol dna studia a vies vacsinu potrebnych veci) Namiesto vytvarania takychto tem radsej venuj cas tomu.

http://www.w3schools.com/
http://www.jakpsatweb.cz/
noob
Zablokovaný
Zablokovaný
Príspevky: 144
Registrovaný: 25 máj 2013, 21:26

Re: Ako presunut tento CSS kód z Index.html do Index.css

Príspevok od používateľa noob »

Diky audio, už to funguje.

Aiden :D pošli svoju fotku na pobavenie
Napísať odpoveď