ako vlozit link

nomad · Napísal **nomad**: 17.08.2010 20:19

mam nasledovny html kod

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
<div id="wrapper">
  <div id="left">
    <h1>bla </h1>
    <div id="copyright">
     
    </div>
  </div>
  <div id="right">
    <div id="nav">
      <ul>
        <li class="selected"><a href=" ">Home</a></li>
  
        <li><a href="events.html ">Events</a></li>
      
        <li class="last"><a href="">Contact us</a></li>
      </ul>
    </div>
    <div id="body">
      <div id="body-top">
        <div id="body-bot">
          <h2><strong>Welcome</strong> to our site</h2>
        
          <div class="clear"></div>
          <div class="body-hr"> </div>
          <div id="footer">
            <div id="footer-1"> Our Authorised <strong>Agents</strong> </div>
            <div id="footer-2"> <img src="images/pic_2.gif" width="31" height="42" alt="Pic 2" class="left" /> Famous Cook </div>
            <div id="footer-3"> <img src="images/pic_3.gif" width="60" height="42" alt="Pic 3" class="left" /> Around The <br />
              World </div>
            <div class="clear"> </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>

problem je v riadku <li><a href="events.html ">Events</a></li>
kliknem na events tak sa mi otvori events.html a ja chcem aby som videl povodnu stranku ale aby sa mi zobrazil txt z events.html
teda aby ta struktura ostala len sa mi vyplnil text z events.html

kde robim chybu ?

este doplnim ccs file

Kód:

html, body, h1, h2, h3, h4 {
   margin: 0;
   padding: 0;
}
h1 img {
   display: block;
}
img {
   border: 0;
}
a {
   color: #990000;
   font-weight: bold;
   text-decoration: none;
}
a:hover {
   color: #FF7F00;
   text-decoration: underline;
}
.left {
   float: left;
}
.right {
   float: right;
}
.more {
   text-align: right;
}
.clear {
   clear: both;
}

body {
   background: #8E0D0D url(images/page_bg.jpg) repeat-x;
   text-align: center;
   font: 11px arial, sans-serif;
   color: #565656;
}

/** layout **/
#wrapper {
   text-align: left;
   margin: auto;
   width: 788px;
position: relative;
}
#left {
 position: absolute;
 top: 0;
 left: 0;
 width: 268px;
}
#right {
 position: absolute;
 top: 0;
 left: 268px;
 width: 520px;
}

/** Left **/
#left {
 background: url(images/logo.jpg) no-repeat;
 padding-top: 30px;
}
#left h1 {
 text-align: center;
 font: 28px verdana, serif;
 color: #6C0505;
 height: 709px;
}
#copyright {
 color: white;
}
#copyright p {
 margin: 0 1em 0.5em 1em;
}

/** Right **/
#nav {
 background: url(images/header.jpg) no-repeat;
 height: 108px;
}
#nav ul {
 margin: 0;
 padding: 0 0 0 30px;
}
#nav li {
 float: left;
 border-right: 1px solid #A26A6B;
 padding: 66px 9px 9px 9px;
 list-style: none;
}
#nav li.last {
 border-right: none;
}
#nav a {
 color: #CECECE;
 font: 12px arial, sans-serif;
 font-weight: normal;
}
#nav .selected a {
 font-weight: bold;
}

/** Body **/
#body {
 background: url(images/body_bg.jpg) repeat-y;
}
#body-top {
 background: url(images/body_top.jpg) no-repeat;
}
#body-bot {
 background: bottom left url(images/body_bot.jpg) no-repeat;
 padding: 36px 39px 19px 39px;
}

#body h2 {
 font: 14px "Times New Roman", serif;
}
#body h2 strong {
 color: #660505;
 font-weight: normal;
 font-size: 18px;
}
#body h3 {
 font: 14px "Times New Roman", serif;
 color: #660505;
 margin-top: 1.4em;
 margin-bottom: 1.1em;
}
#body h4 {
 color: #660505;
}
#body .left {
 margin: 0 26px 0 0;
}

/** footer **/
.body-hr {
 clear: both;
 height: 43px;
 background: bottom left url(images/body_hr.jpg) no-repeat;
 margin: 10px -39px;
}

#footer-1 {
  float: left;
  width: 104px;
  padding-right: 30px;
  margin-top: 5px;
  border-right: 1px solid #ACACAC;
  font: 14px "times new roman", serif;
  color: #660505;
  text-align: center;
}
#footer-1 strong {
  display: block;
  font-size: 18px;
  font-weight: normal;
}
#footer-2 {
  float: left;
  width: 154px;
  margin-left: 12px;
  font: 18px "times new roman", serif;
  color: #000;
  line-height: 34px;
}
#footer-2 .left {
  margin-right: 12px;
}
#footer-3 {
  float: left;
  width: 135px;
  margin: 0;
  font: 14px "times new roman", serif;
  color: #000;
  text-align: center;
}
#footer-3 .left {
  margin-right: 12px;
}

shaggy · Napísal **shaggy**: 17.08.2010 20:38

Citácia:

kde robim chybu ?

Asi v tom, že celkom nechápeš ako fungujú html stránky.

V čom je tá events.html stránka tak odlišná, že spozoruješ rozdiel medzi tou pôvodnou a tou novou stránkou? Nie je tam iba iný obsah a všetko ostatné (hlavička, menu atď.) je rovnaké? Ak je iný iba obsah, tak potom to spĺňa tvoju požiadavku - štruktúra zostane, zobrazí sa iba iný text.

nomad · Napísal autor témy **nomad**: 17.08.2010 21:50

hm to je mozne prave sa to snazim pochopit

tak potom aky elemntom tam vlozim napr texty cca 600 znakov ja som si myslel povodne ze cez <a href="events.html ">Events</a></li> ....
chcem proste docielit taky efekt ako napr tu:
http://www.tvorba-webu.cz/
ked klikas hore na html css xhtml tak sa ti meni obsah podtym ...

shaggy · Napísal **shaggy**: 17.08.2010 22:01

To sú obyčajné odkazy a obyčajné stránky.
Túto stránku, ktorej kód si sem dal si skopíruj (celý html kód), pomenuj ju events.html a iba zmeň obsah v tom div id="body-bot"> za ten obsah, ktorý má byť v tom events.html.

Bokos · Napísal **Bokos**: 17.08.2010 23:17

myslim ze viem co myslis... tak proste okopirujes zakladny subor a pod <div id="body-bot"> pises novy obsah

shaggy · Napísal **shaggy**: 18.08.2010 18:11

Presne tak. Ale na tvojom mieste by som začal štúdiom základov HTML a tvorby stránok

ako vlozit link

Podobné témy