Forum » Izdelava spletišč » Lampp problem
Lampp problem
Slovenia13 ::
Imam naslednji problem:
stran imam narejeno v HTML/CSS in če jo zaženem direktno iz računalnika oz. odprem z firefoxom ali chromom mi jo prikaže kot je treba, problem pa nastane, ko jo naložim na apache server (imam lampp 1.7.2) in zaženem preko "http://localhost/stran/index.html" mi ne prikaže grafike (nobene slike ne tiste, ki je bila dodana kot ozadje s pomočjo css ne tiste ki je vstavljena s pomočjo img tag-a.
da boste vedeli kaj mislim prilagam 2 sliki:
Pred nalaganjem na server:
Povečaj
In pa ko je datoteka naložena na server:
Povečaj
stran imam narejeno v HTML/CSS in če jo zaženem direktno iz računalnika oz. odprem z firefoxom ali chromom mi jo prikaže kot je treba, problem pa nastane, ko jo naložim na apache server (imam lampp 1.7.2) in zaženem preko "http://localhost/stran/index.html" mi ne prikaže grafike (nobene slike ne tiste, ki je bila dodana kot ozadje s pomočjo css ne tiste ki je vstavljena s pomočjo img tag-a.
da boste vedeli kaj mislim prilagam 2 sliki:
Pred nalaganjem na server:
Povečaj
In pa ko je datoteka naložena na server:
Povečaj
- spremenil: Slovenia13 ()
bluefish ::
Po vsej verjetnosti si delal absolutno navajanje slik, namesto relativne poti.
Pogosta začetniška napaka, zato si več o tem preberi na w3school.
Pogosta začetniška napaka, zato si več o tem preberi na w3school.
Slovenia13 ::
vse poti do slik so relativne in ne absolutne o čemer se lahko prepričate tudi v source kodi strani, ki je spodaj. v to sem tudi prepričan saj če zaženem stran direktno v firefoxu mi jo prikaže lepo tudi če jo zaženem iz mape od LAMPP-a, ko pa jo poženem preko localhosta pa jo popači.
Obe source kodi tako XHTML in CSS sta bili potrjeni z w3c potrjevalnikom.
za pomoč se vam v naprej zahvaljujem.
HTML
CSS
Obe source kodi tako XHTML in CSS sta bili potrjeni z w3c potrjevalnikom.
za pomoč se vam v naprej zahvaljujem.
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" dir="ltr" lang="sl"> <head> <title> Testna stran </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="description" content="Test page" /> <meta name="keywords" content="XHTML,CSS,TEST,PAGE" /> <meta name="author" content="David Gričar" /> <link rel="stylesheet" type="text/css" href="css/style1.css" /> </head> <body> <!--[if lt IE 7]> <div id="ie6nm_warning_sign"> <center> <img src="images/warning.png" alt="WARNING" width="512px" /> </center> </div> <div id="ie6nm_up"> <center> <table width="800px"> <tr> <td> <img src="images/warning.png" alt="WARNING" width="125px" /> </td> <td widht="300px"> <p>Vaš brskalnik je zastarel!<br /> Ker stran uporablja najnovejše tehnologije, vaš brskalnik pa jih ni zmožen pravilno prikazati, stran nebo pravilno prikazana.</p> <p>Da bi se rešili teh težav, naložite enega od modernih brskalnikov prikazanih na desni strani!</p> </td> <td> <a href="http://www.google.com/chrome" alt="Google Chrome"><img src="images/chrome.png" alt="Google Chrome" width="200px" /></a> </td> <td> <a href="http://www.mozilla.com/" alt="Mozilla Firefox"><img src="images/firefox.png" alt="Mozilla Firefox" width="125px" /></a> </td> <td> <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx" alt="Microsoft Internet Explorer"><img src="images/ie8.png" alt"Microsoft Internet Explorer" width="50px" /></a> </td> </tr> </table> </center> </div> <![endif]--> <div id="ogrodje"> <div id="head"> <p> SITE NAME </p> </div> <!-- DIV END : head --> <div id="menu"> <div id="navigacija"> <ul> <li><a href="#">xxxxxx</a></li> <li><a href="#">XXXxxx</a></li> <li><a href="#">XXXxxx</a></li> <li><a href="#">XXXxxx</a></li> <li><a href="#">XXXxxx</a></li> </ul> </div> <!-- DIV END : navigacija --> </div> <!-- DIV END : menu --> <div id="telo"> <div id="telo_zgori"> <div id="levo"> <div class="naslov"> <p>NASLOV 1</p> </div> <div class="text"> <p>Ut blandit diam ut turpis varius ac ....</p> </div> </div> <!-- DIV END : levo --> <div id="desno"> <div class="naslov"> <p>NASLOV 2</p> </div> <div class="text"> <p>Lorem ipsum dolor sit amet, ....</p> </div> </div> <!-- DIV END : desno --> <div style="clear: both; height: 40px;"><!-- --></div> </div> <!-- DIV END : telo_zgori --> </div> <!-- DIV END : telo --> <div id="noga"> <div class="copyleft"> <table> <tr> <td> <img src="images/copyleft_small.gif" alt="CopyLeft" /> </td> <td> <p>Copyleft 2009<br /> Designed & Coded by David Gričar</p> </td> </tr> </table> </div> <div style="clear: both; height: 40px;"><!-- --></div> </div> <!-- DIV END : noga --> </div> <!-- DIV END : orgodje --> </body> </html>
CSS
/*<!-- lt IE 7 -->*/
#ie6nm_up center table {
border: none;
color: #FFFFFF;
}
#ie6nm_up center table img {
border-color: #000000;
border-top: 0.125em;
border-right: 0.125em;
border-left: 0.125em;
}
/*<!-- LAYOUT -->*/
* {
overflow-x: hidden;
}
body {
background-color: #000033;
width: 100%;
}
#ogrodje {
width: 800px;
height: auto;
padding-top:0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}
#head {
width: 800px;
height: auto;
padding-top:0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #000033;
}
#head p {
color: #FFFFFF;
font-family: Arial,Verdana,Sans-serif;
font-size: 3.125em; /*50px*/
font-weight: 700; /*bold*/
}
#menu {
width: 800px;
height: 80px;
padding-top:0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: url(../images/image_001.gif);
}
#navigacija {
float: left;
}
#navigacija ul {
padding-top:15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
list-style: none;
text-transform: lowercase;
}
#navigacija li {
float: left;
}
#navigacija a {
padding-top:0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 50px;
text-decoration: none;
font-size: 1.5em;
font-weight: 700; /*bold*/
color: #666666;
}
#navigacija a:hover {
padding-top:0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 50px;
text-decoration: none;
font-size: 1.5em;
font-weight: 700; /*bold*/
color: #999999;
}
#telo {
width: 800px;
height: auto;
padding-top:0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: url(../images/image_003.gif);
background-repeat: repeat-y;
}
#telo_zgori {
width: 800px;
height: auto;
padding-top:0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: url(../images/image_002.gif);
background-repeat: no-repeat;
}
#levo {
width: 525px;
height: auto;
float: left;
padding-top:0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#levo .naslov {
width: 525px;
height: 40px;
padding-top:0px;
padding-right: 50px;
padding-bottom: 0px;
padding-left: 50px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: url(../images/image_004.gif);
background-repeat: no-repeat;
}
#levo .naslov p {
margin-top: 0px;
padding-top: 2px;
color: #FF8800;
font-family: Arial,Verdana,Sans-serif;
font-size: 1.875em; /*30px*/
font-weight: 700; /*bold*/
}
#levo .text{
width: 450px;
height: auto;
padding-top:0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#levo .text p {
text-indent: 2.5em;
color: #CCCCCC;
font-family: Arial,Verdana,Sans-serif;
font-size: 1em; /*16px*/
font-weight: normal;
}
#desno {
width: 275px;
height: auto;
float: right;
padding-top:0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#desno .naslov {
width: 275px;
height: 40px;
padding-top:0px;
padding-right: 35px;
padding-bottom: 0px;
padding-left: 35px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: url(../images/image_005.gif);
background-repeat: no-repeat;
}
#desno .naslov p {
margin-top: 0px;
padding-top: 7px;
color: #FF8800;
font-family: Arial,Verdana,Sans-serif;
font-size: 1.5em; /*24px*/
font-weight: 700; /*bold*/
}
#desno .text {
width: 200px;
height: auto;
padding-top:0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#desno .text p {
text-indent: 1.5em;
color: #CCCCCC;
font-family: Arial,Verdana,Sans-serif;
font-size: 0.75em; /*12px*/
font-weight: normal;
}
#noga {
width: 800px;
height: 86px;
padding-top:20px;
padding-right: 100px;
padding-bottom: 0px;
padding-left: 450px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-image: url(../images/image_006.gif);
background-repeat: no-repeat;
}
#noga .copyleft {
width: 250px;
float: left;
}
#noga .copyleft p {
color: #FFFFFF;
font-family: Arial,Verdana,Sans-serif;
font-size:0.625em; /*10px*/
}
#noga .copyleft table {
border: none;
background-color: #000000;
border-color: #000000;
}
/*<!-- OTHER -->*/
a{
color: #FFFFFF;
text-decoration: none;
}
a:hover{
color: #999999;
text-decoration: none;
}
a:visited{
color: #FFFFFF;
text-decoration: none;
}
Zgodovina sprememb…
- spremenil: Slovenia13 ()
KoMar- ::
Smiselno je tudi preveriti, kje browser išče slike - tam, kjer bi kakšna na strani morala biti, klikni z desno in daj Image properties oz. nekaj takega... potem pa poglej, kaj piše pod URL.
Tody ::
če lahko prideš z brskalnikom do slike torej localhost/images/warrning.jpg potem bo tudi brskalnik prišel do nje. Če pa imaš še kako mapo več pa seveda da ne. Pazi na velike in male črke.
Slovenia13 ::
pri mapi images sem imel nastavljeno da ostali uporabniki nimajo dostopa do mape...
mapo images sem nastavil tako da imajo vsi možnost "Branje in Pisanje" ter tudi vsako sliko sem tako nastavil.
sedam lahko preko brskalnika pridem do mape images in slik, tudi odpre mi jih.
Še zmeraj pa mi jih ne pokaže na strani. če pa kliknem nekje na strani kjer bi morala biti slika z RMB in potem Show Background image...
mi le-to lepo prikaže.
mapo images sem nastavil tako da imajo vsi možnost "Branje in Pisanje" ter tudi vsako sliko sem tako nastavil.
sedam lahko preko brskalnika pridem do mape images in slik, tudi odpre mi jih.
Še zmeraj pa mi jih ne pokaže na strani. če pa kliknem nekje na strani kjer bi morala biti slika z RMB in potem Show Background image...
mi le-to lepo prikaže.
Zgodovina sprememb…
- spremenil: Slovenia13 ()
Vredno ogleda ...
| Tema | Ogledi | Zadnje sporočilo | |
|---|---|---|---|
| Tema | Ogledi | Zadnje sporočilo | |
| ! | Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 4 … 23 24 25 26 )Oddelek: Izdelava spletišč | 330903 (55052) | htmltroubles |
| » | Prikaz strani na različni resoluciji-JoomlaOddelek: Izdelava spletišč | 1808 (1536) | kr?en |
| » | Podrta oblika straniOddelek: Izdelava spletišč | 1290 (969) | echoman |
| » | CSS background-image in IE6?Oddelek: Izdelava spletišč | 2923 (2789) | Road Runner |
| » | tezave CSSOddelek: Izdelava spletišč | 1601 (1500) | alum |