Wykryto wyłączony javascript

Aktualnie masz wyłączony javascript. Kilka funkcji może nie działać. Włącz ponownie javascript, aby korzystać z pełnej funkcjonalności.

[css/html]Osadzanie CSS w HTML

Rozpoczęty przez faction , 14 03 2010 16:00

Zaloguj się, aby dodać odpowiedź

7 odpowiedzi w tym temacie

#1 faction

Początkujący

14 postów

Napisano 14 03 2010 - 16:00

Jak dodać ten tekst css na moją stronę którą pisze w html

ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	float: left;
	background-color: #fff;
	padding: 1px 0 1px 1px;
	border: 1px solid #000;
}

ul li {
	float: left;
}

ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	font-weight: bold;
	background: #000 url("tlo.gif") repeat-x center;
	color: #fff;
	padding: 10px 20px;
	border-right: 1px solid #fff;
	border-right: 1px solid #fff;
}

ul a:hover {
	background-color: #800;
	background-image: url("tlo2.gif");
}

0

Do góry

#2 izaw

Początkujący

97 postów

Napisano 14 03 2010 - 16:13

W tagach style.

0

Do góry

#3 faction

Początkujący

14 postów

Napisano 14 03 2010 - 17:20

czyli?

0

Do góry

#4 Macsch15

Profesjonalista

3 705 postów

Napisano 14 03 2010 - 17:25

<style type="text/css">
kod
</style>

Lub , jeśli chcesz z zewnętrznego pliku

<link rel="Stylesheet" type="text/css" href="/lokalizacja/nazwa_pliku_stylu.css" />

Między znacznikami <head> a </head>

0

Do góry

#5 faction

Początkujący

14 postów

Napisano 15 03 2010 - 15:48

Czyli to ma być tak?

<style type="text/css">
ul, ul li {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
}

ul {
        float: left;
        background-color: #fff;
        padding: 1px 0 1px 1px;
        border: 1px solid #000;
}

ul li {
        float: left;
}

ul a:link, ul a:visited {
        text-decoration: none;
        display: block;
        font-weight: bold;
        background: #000 url("tlo.gif") repeat-x center;
        color: #fff;
        padding: 10px 20px;
        border-right: 1px solid #fff;
        border-right: 1px solid #fff;
}

ul a:hover {
        background-color: #800;
        background-image: url("tlo2.gif");
}
</style>