Autor Zpráva
ice3
Profil
Ahoj,
potřeboval bych radu s css.
Mám toto html :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>TW Pro</title>
  <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
  <link href="style.css" rel="stylesheet" type="text/css" />
  <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" />
  <meta name="generator" content="Phase5" />
	
  <meta http-equiv="Content-Script-Type" content="text/javascript" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <meta http-equiv="content-language" content="de" />
  <meta name="revisit" content="after 31 days" />
  <meta name="revisit-after" content="31 days" />
  <link rel="author" title="Impressum" href="index.php?site=impressum" />
  <link rel="top" title="TW Pro" href="index.php" />
  <script src="js/mootools-release-1.11.js" type="text/javascript"></script>

                            ...............
</html>


A pak mám css ve stejné složce jako index,ale nefungují mi tam obrázky-prostě tam nejsou jsou ve složce img.Kod je dobře,ale řekl bych že mám chybu v odkazu na css z html.(V tom co jsem tam napsal).

Nebo je blbě css které je zde :

.table, .table td {

border-collapse:collapse;
padding: 2px;
}

.table th {
font-weight:bold;
background-image:url('../img/dark.png');
text-align: center
}

.table td {
background-image:url('../img/bright.png');
}

.table td#highlight {
background-image:url('../images/muster.jpg');
}


.table .right {
text-align: right;
}

.table .center {
text-align: center;
}



.border td {
border: solid 1px #666;
}
.border th {
border:1px solid #000;
}



.hborder td {
border-top: solid 1px #666;
}
.hborder th {
border-top:1px solid #000;
}



.error {
font-weight: bold;
color: #A00;
}
/*
Standard elements
*/

body {
background:#141e24 url('../images/main/shadow.png') no-repeat fixed top center;
margin:0;
text-align:center; padding-left:0; padding-right:0; padding-top:11px; padding-bottom:0
}

body, p, td, th {
font-family:Arial, Verdana, sans-serif;
font-size: 13px;
}

p {
margin:0;
}

a:link { font-weight:bold; color: #523F30; text-decoration:none; }
a:visited { font-weight:bold; color: #523F30; text-decoration:none; }
a:active { font-weight:bold; color: #1479A8; text-decoration:none; }
a:hover { font-weight:bold; color: #1479A8; text-decoration:none; }

h1 {
display:none;
}

h2, h3 {
margin:0;
}

h3 {
margin: 5px 0 20px 0;
font-size: 18px;
}

h4 {
font-size: 16px;
margin: 0px;
}

img {
border: none;
vertical-align:middle;
}

/*
Generic classes
*/

.small {
font-size: 11px;
}

.bold {
font-weight: bold;
}

.mousepopup {
border:2px solid #302d28;
background-color:#b6ab92;
padding:2px;
visibility:hidden;
text-align:left;
position: absolute;
}

table.shadow_table {
border-collapse:collapse;
}

table.shadow_table td.shadow_content {
padding:0;
}

td.border_shadow_left {
background-image:url('../img/border_shadow_left.png');
background-repeat:repeat-y;
width:6px;
padding:0
}

td.border_shadow_top {
background-image:url('../img/border_shadow_top.png');
padding:0
}

td.border_shadow_right {
background-image:url('../img/border_shadow_right.png');
background-repeat:repeat-y;
width:14px;
padding:0
}

td.border_shadow_bottom {
background-image:url('../img/border_shadow_bottom.png');
background-repeat:repeat-x;
height:14px;
padding:0
}

td.edge_shadow_top_left {
background-image:url('../img/edge_shadow_top_left.png');
background-repeat:no-repeat;
width:6px;
height:6px;
padding:0
}

td.edge_shadow_top_right {
background-image:url('../img/edge_shadow_top_right.png');
background-repeat:no-repeat;
width:16px;
height:6px;
padding:0
}

td.edge_shadow_bottom_left {
background-image:url('../img/edge_shadow_bottom_left.png');
background-repeat:no-repeat;
height:14px;
width:6px;
padding:0
}

td.edge_shadow_bottom_right {
background-image:url('../img/edge_shadow_bottom_right.png');
background-repeat:no-repeat;
width:14px;
height:14px;
padding:0
}

td.shadow_content {
background-image:url('../img/bright.png');
}


.center {
text-align: center;
}

.right {
text-align: right;
}

#border_cap {
margin:0 auto;
background:url('../img/cap.png') no-repeat center top;
width:792px;
height:16px;
padding:0;
font-size:1px
}

#head_container {
margin:0 auto;
text-align:left;
background:url('../img/borders.png') no-repeat;
width:972px;
height:198px;
padding-top:11px;
z-index:5
}

#head_background {
width:950px;
height:196px;
background:url('../img/head.png') repeat-x;
margin-left:11px
}

#main_container {
margin:-104px auto;
text-align:left;
background:url('../img/borders.png') no-repeat -86px -105px;
width:800px; height:434px; padding-top:5px; z-index:1; background-repeat:no-repeat
}

#content_container {
margin:0 11px;
background:url('../img/background.jpg');
width:778px;
height:377px
}

#content_title {
background:url('../img/titel.png') no-repeat center 50%;
width:778px; height:25px; color:rgb(233,228,209); text-align:center; vertical-align:middle; font-weight:bold; font-family:Arial,Verdana,sans-serif; font-size:14px; line-height:24px; background-repeat:no-repeat
}

.content_space {
width:778px;
height:5px;
line-height:3px;
font-size:3px;
}

#content {
/*width:778px;
height:377px;*/
position:relative;
width:672px;
height:342px;
padding:0 53px 0 53px;
overflow-y:auto;
z-index:2;
}


#footer {
position:relative;
margin-top:11px;
background-image:url('../img/inhalt.png');
margin-left:6px;
width:788px;
height:40px
}

#footer_menu_left {
position:absolute;
left:2px;
top:2px;
height:100%;
}

#footer_menu_right {
position:absolute;
right:2px;
top:2px;
height:100%;
}

#support {
position:absolute;
color:rgb(101,101,101);
font-size:10px;
margin-left:2px;
margin-top:9px;
z-index:1;
}

#impressum {
position:relative;
right:0px;
font-size:10px;
margin-right:2px;
margin-top:9px;
text-align:right;
}

#footer a, #footer a:visited, #footer a:hover, #footer a:focus {
text-decoration:none;
}

#left_menu, #right_menu {
margin:0;
padding:0;
list-style:none;
width:150px;
top:3px;
}

#left_menu li, #right_menu li {
display:inline;
}

#footer_menu_left a img, #footer_menu_right a img {
width:37px; height:37px;
background-image: url('../img/footer.png');
}

#twtool {
position:absolute;
left:225px;
top:10px;
height:20px;
}

#twtool a img {
width:350px; height:20px;
background-image: url('../img/twtool.png');
}

#footer_idee {
background-position: 0px 0px;
}

#footer_kontakt {
background-position: -37px 0px;
}


#left_menu li a, #right_menu li a {
width:150px;
height:25px;
display:block;
margin-bottom: 1px;
}

#left_menu li span, #right_menu li span {
width:150px;
height:25px;
display:none;
}

#left_menu {
position:absolute;
left:-10px;
}

#right_menu {
position:absolute;
right:-10px;
}

#menus {

position:relative;
background-color:#f00;
z-index:5;
}

#main_menus {
position:relative;
background:#0fd;
margin: 0 0 0 60px;
}

#funktionen {
position:absolute;
text-align:center;
left:92px;
top:3px;
height:85px;
font-size:13px;
font-weight:bold;
}

#funktionen img {
height:72px;
width:75px;
border:0px none;
}

#twpro {
position:absolute;
left:226px;
top:0px;
height:94px;
}

#twpro img {
height:94px;
width:384px;
border:0px none;
}

#installation {
position:absolute;
text-align:center;
right:150px;
top:3px;
height:85px;
font-size:13px;
font-weight:bold;
}

#installation img {
height:72px;
width:67px;
border:0px none;
}


#abdorments {
position:relative;
z-index:1;
}

#abdorment_left {
position:absolute;
left:-73px;
top:93px;
background:url('../img/abdorments.png') 0 42px;
width:79px;
height:42px
}

#abdorment_middle {
position:absolute;
top:382px;
left:331px;
background:url('../img/abdorments.png');
width:137px;
height:31px
}

#abdorment_right {
position:absolute;
right:-73px;
top:93px;
width:79px;
height:42px;
background:url('../img/abdorments.png') 79px 42px;
}

#ecken {
position:relative;
z-index:1;
}

#ecke_left {
position:absolute;
left:0px;
top:0px;
width:79px;
height:79px;
background:url('../img/ecke_left.png');
}

#ecke_right {
position:absolute;
right:0px;
top:0px;
width:79px;
height:79px;
background:url('../img/ecke_right.png');
}

#window_bar {
width: 885px;
height: 15px;
margin: 355px 1px 0px 45px;
position: absolute;
}

#window_bar div {
width: 144px;
height: 25px;
float: left;
cursor: pointer;
background-color: #DDD6C4;
border: solid 1px black;
}

#window_bar div a {
float: left;
}

#window_bar div a span {
display: block;
width: 124px;
height: 25px;
cursor: pointer;
}

#window_bar div a span.
panther
Profil
ice3:
myslíš, že se někdo bude tím kódem probírat? Nebo je to aprílový žertík?

Jestli to s radou myslíš vážně, dej sem odkaz na stránku.
Bubák
Profil
Pokud se ti zobrazuje favicon.ico, tak správná cesta k obrázkům je ve tvém případě tahle:
"img/tvuj-obrazek.png"
Chamurappi
Profil
Měli bychom zavést javascriptové upozornění, pokud se sem člověk snaží narvat nesmyslné kvantum kódu. Poslední dobou je tu takových umělců docela dost.

Reaguji na ice3:
Zastavilo by tě dialogové okno upozorňující, že se kód stejně ořízne?
ice3
Profil
Už je to vyřešené.A sorry nedošlo mi že to má 1000 řádků.Stejně to bylo v html.Prosím o smazání.

A to diag. okno by mě asi zastavilo kdyby mi to spočítalo řádky :D(protože nesleduju kolik je jich tam napsáno)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0