Zaloguj się

mikim160 · 26-12-2010, 17:50

witam swoja przygodę z HTMLem zaczęłem od programu Adobe Dreamweaver
Zrobiłem swoją całą stronę internetową i mam taki problem, że w w widoku projektu widzę normalnie wyświeltana strone ( 100% funkcjonowania), ale gdy chce otworzyc kod przez przeglądarkę wtedy wszystkie obrazki,itp nachodzą się na sibie
O co chodzi co poprawić
poniżej screeny:
(poprawne)
[Obrazek: 27211263.jpg]

(zły)

ixtab · 26-12-2010, 18:08

Pokaż ten kod...

mikim160 · (Ten post był ostatnio modyfikowany: 28-12-2010, 00:45 przez Dhofca.)

HTML:

Kod:
<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Kabany eSport  </title>

    <meta name ="description" content="Strona internetowa klanu Kabany">

    <meta name="keywords" content="Kabany, cod4, klan">

    <meta http-equiv="content-language" content="pl">

    <meta name="author" content="Mateusz Mikołajczyk" >

    <link href="stylesheets/common.css" rel="stylesheet" type="text/css" />

<style type="text/css">

body,td,th {

    color: #FFF;

}

</style>

</head>

<body>

<div id="glowny">

<div id="1" >

<img src="images/cod4.png" width="200" height="200" alt="cod4" />

<br></br >

<h1><ul>

                <li><a href="index.html" >Główna</a></li>

                <li><a href="higiena.html">O nas</a></li>

                <li><a href="tattoo.html" >Mecze</a></li>

                <li><a href="piercing.html" >Imprezy</a></li>

                <li><a href="piercing.html" >Kontakt</a></li>

 </ul></h1>

    <br></br>

 <center> <a href="http://www.gametracker.com/server_info/178.63.96.7:28965/" target="_blank" rel="nofollow"><img src="http://cache.www.gametracker.com/server_info/178.63.96.7:28965/b_160_400_1_ffffff_c5c5c5_ffffff_000000_1_0_1.png" border="0" width="58" height="175"  alt="" /></a></center>

  </div>

<div id="2">

<div id="4">

  <center><img src="images/nowy2.png" alt="Kabany" width="399" height="209" align="middle" /></center></div>

  <div id="5"><img src="images/100.png" width="624" height="794" alt="rama" />

  </div>

  </div>

<div id="3">

  <img src="images/zmniejszone/specops.png" width="199" height="297" alt="Spec ops class" />

  <img src="images/zmniejszone/aka.png" width="200" height="410" alt="aka" />

  <br></br>

  <img src="images/zmniejszone/pompa.png" width="200" height="323" alt="pompa" />

  <img src="images/zmniejszone/scope.png" width="200" height="149" alt="scope" /></div>

</div>

<p>&nbsp;</p>

</body>

</html>

common.css

Kod:
@charset "UTF-8";

/* =CALL LIBRARY */

    @import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */

p{

    text-align:justify;

    line-height:normal;

    margin:0px;

    padding-top: 0px;

    padding-right: 0;

    padding-bottom: 0px;

    padding-left: 0;

}

h1{text-align:justify;

    line-height:normal;

    margin:0px;

    padding-top: 0px;

    padding-right: 0;

    padding-bottom: 0px;

    padding-left: 0;

    font:"Street Soul";

    font-size:46px;

    text-align:center;

    color:#FFF;

}

ul{

        width:200px;

        height:50px;

        }

     li{

         display:block;

         margin: 0 0 0 0;

             color:#FFF;

         }

    a{

        text-decoration:none;

        color:#000;

            color:#FFF;

        }

    a:hover{

            color:#B8860B;

        }

    body{

    color: #000000;

    background-repeat:no-repeat;

    background-position: 50% top;

    background:url(../images/background.png);

    text-align: center;

    left: auto;

    top: auto;

    clip: auto;

    }

    #glowny

    {

    width:1024px;

    height:1000px;

    float:left;}

    #1{

    height:1000px;

    width: 200px;

    position:relative;

    left:0px;

    top:0px;

        float:left;

    }

    #2{

    height:1000px;

    width: 624px;

    position:relative;

    left:0px;

    top:0px;

    float:left;

    }

    #3{

    height:1000px;

    width: 200px;

    position:relative;

    left:0px;

    top:0px;

    float:left;

    }

    #4{

    height:250x;

    width: 624px;

    position:relative;

    left:0px;

    top:0px;

    vertical-align:top;

    }

    #5{

    height:auto;

    width: 624px;

    position:relative;

    left:0px;

    top:0px;

    }

Reset-min.css

Kod:
/*

Copyright (c) 2007, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt

version: 2.2.2

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{

    border:0;

    position: fixed;

    height: auto;

    width: auto;

    clip: rect(auto,auto,auto,auto);

}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

mikim160 · 27-12-2010, 13:51

i co wy na to?

**Kartofelek** · 27-12-2010, 14:20

Co to jest to:
position:relative;
left:0px;
top:0px;

Średnio panie, średnio. Zamiast nazw stosujesz numerki, co jest błędem. Wystaw stronę online, wtedy ci pomożemy, bo tak ciężko to się czyta.

mikim160 · (Ten post był ostatnio modyfikowany: 27-12-2010, 15:03 przez mikim160.)

chodziło o to żeby element był na maksymalnie w lewym rogu, ale nie o to pytałem , chodziło mi o to czemu storna sie zle wyswietla
pozniej ogarne wstawienie strony na www

a jaki polecacie serwis do założenia tam WWW oczywiście darmowy

Pedro84 · 27-12-2010, 21:35

A to ta zupa tagów powinna się wyświetlać poprawnie?

Wejdź na kurshtml.boo.pl i zacznij od podstaw, bo to co stworzyłeś, to nie jest nawet zły kod.

mikim160 · 27-12-2010, 22:01

ale co jest nie tak skoro tam się wyświetla poprawnie?

Pedro84 · 27-12-2010, 23:53

(27-12-2010, 22:01)mikim160 napisał(a): ale co jest nie tak skoro tam się wyświetla poprawnie?

Zupa tagów. Taki gulasz. Znaczniki zastosowane bez sensu, bez podstawowej znajomości ich przeznaczenia.

mikim160 · 28-12-2010, 10:42

dużo będzie w takim bądz razie z tym zabawy?

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie