Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Menu a wstawienie linku
kmaksiu
post 30.03.2013, 10:25:36
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 3.03.2013

Ostrzeżenie: (10%)
X----


Witam mam problem z wstawieniem linku przez utworzone menu.

problem wygląda następująco.



Uploaded with ImageShack.us

Jak widać po wstawieniu linku, tworzy się blok z menu.

kod.

Kod
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
  <meta name="Description" content=" Strona poświęcona promocji młodych raperów. " />
  <meta name="Keywords" content=" fejm muzyka rap hip hop podziemie underground " />
  <meta name="Author" content=" Maksymilian Kieroński " />
  <meta name="Generator" content="kED" />
  <meta http-equiv="Content-Type" CONTENT="text/html; charset=iso-8859-2">
  <title> [tytuł strony] </title>
    

    

  <style type="text/css">
    body { margin: 0;
    background-color: #ebebeb
    
    }
    
    div.baner {
    background-color: #5a5a5a;
    width: 100%;
    height: 250px
    }
    
    p.zdj {
    height: 300px;
    background-image: url(zacieki.jpg);
    background-repart: repart-x;
    margin: 0;
    
    }
    
    
    div.tresc {
    
    width: 600px;
    height: 500px;
    background-color: #CCCCCC;
    margin-left: 20px;
    margin-top: 2cm;
    position: absolute; top: 250px;
    border-style: dotted;
    overflow: hidden;
    border-width: 1px;
    }
    
    div.link {
    width: 300px;
    background-color: #cccccc;
    margin-left: 720px;
    margin-top: 2cm;
    border-style: double;
    position: absolute; top: 250px;
    
    
    }
    
    div.menu {
    width: 100%;
    height: 65px;
    background-color: black;
  position: absolute;
    top: 165px;
    
    }
    
    ul li {
    list-style: none;
    }
    
    a:link,a:visited,a:hover,a:active {
    text-decoration: none;
    display: block;
    float: left;
    line-height: 65px;
    width: 200px;
    color: white;
    text-align: center;
    font-size: 50px;
    
    }
    
    a:hover {
    color: silver;
    background-color: black;
    }
    
    a:active {
    color: silver;
    background-color: black:
    }
    
    @font-face {
    font-family: MagikMarker;
    src: url(MagikMarker.otf) format("opentype");
}

.menu ul {
   margin-top: 0px;
}


div.ramka_menu {
background-image: url(menu1.jpg);
repart: repart-x;
height: 20px;
position: absolute;
    top: 150px;
    width: 100%;
}

div.ramka_menu2 {
background-image: url(menu2.jpg);
repart: repart-x;
height: 20px;
width: 100%;
position: absolute;
top: 228px;

}
    </style>

</head>
<body>

<div class="baner">
<center><img src="baner.jpg" alt="" width="900" height="150" /></center>
</div>


<div  class="ramka_menu">
</div>
<div class="menu" align="left">

<ul style="font-family: MagikMarker">
<li><a href="index.html"><b>Home</b></a></li>
<li><a href="wideo.html"><b>Wideo</b></a></li>
<li><a href="muzyka.html"><b>Muzyka</b></a></li>
<li><a href="kontakt.html"><b>Kontakt</b></a></li>
<li><a href="http://www.youtube.com/subscription_center?add_user=fejmpodziemia"><b>Subskrybuj</b></a></li>
</ul>

</div>

<div class="ramka_menu2">
</div>



<p class="zdj">


<div class="tresc">
gffsdfnsdjknfkjdsnfkjsdnfjksdnkjfns

</div>

<div class="link"><br /><br />
&nbsp;<img src="Facebook_icon.jpg" alt="" width="43" height="43" />
<a target="_blank" href="http://www.facebook.com/pages/Fejm/280577751970681">Fejm </a>
</div>
</body>
</html>
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 04:28