Autor Zpráva
mm
Profil *
V css sem zatím jako ve španelské vescini, prosím dostanete toto pro mne do jednoho kódu (html + css)?

Dekuji!


HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="cs">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta name="description" content="Stručný popis www stránky.">
<meta name="keywords" content="klíčová slova">
<link rel="stylesheet" type="text/css" href="styl.css">
<title>Titulek WWW stránky</title>
</head>
<body>

<div id="obsah">
<h1>Nadpis první úrovně</h1>
<p class="box">Toto je stránka, která ukazuje využití CSS pozicování a je zdarma ke stažení.</p>
<p><strong>Chcete mít vlastní web snadno a rychle?</strong> Stáhněte si tuto šablonku pozícování v CSS přepište texty a máte vlastní web hotový je to tak snadné stačí jen základy html.</p>
<h2>Nadpis druhé úrovně</h2>
<ul>
<li>Budu rád když v patičce necháte odkaz na moji stránku není to ale podmínkou.</li>
<li>Pokud se vám tato šablonky nelíbí nevadí zkuste jinou na výběr jich je tu dost.</li>
<li>Další informace např. jak stránku publikovat a jak na ní dostat návštěvníky hledejte zde: <a href="http://tvorba-webu.zdarek.com/">http://tvorba-webu.zdarek.com/</ a>.</li>
</ul>
<p><em>Chcete mít vlastní web snadno a rychle?</em> Stáhněte si tuto šablonku pozícování v CSS přepište texty a máte vlastní web hotový je to tak snadné stačí jen základy html.</p>
<p>Odkazy: <a href="http://www.zdarek.com/">Roman Žďárek</a>, <a href="http://soft.zdarek.com/">Rneosoft Software</a>, <a href="http://el.zdarek.com/">Elektrotechnika</a>, <a href="http://katalog.zdarek.com/">Katalog www stránek</a>, <a href="http://tvorba-webu.zdarek.com/sablony/">Šablony www stránek</a>.</p>
<p id="patka">Copyright (c) 2007 Vaše jméno - Design & kód: <a href="http://tvorba-webu.zdarek.com/">Tvorba Webu</a></p>
</div><!--konec obsahu-->

<div id="menu">
<h3>Obsah webu</h3>
<ul>
<li><a href="#">Úvodní stránka</a></li>
<li><a href="#">Ceník služeb</a></li>
<li><a href="#">Naše reference</a></li>
<li><a href="#">Odkazy na weby</a></li>
<li><a href="#">Novinky na webu</a></li>
<li><a href="#">Dobré stránky</a></li>
<li><a href="#">Programování v PHP</a></li>
<li><a href="#">Ostatní zajímavosti</a></li>
</ul>
<h3>Novinky</h3>
<p><strong>7. dubna 2007</strong> - Konečně jsem se k tomu dostal a upravuju kód (html, css) této šablonky změna se projevila i na vzhledu.</p>
<p><strong>Starší změny</strong> - Starší změny nesledovány no už je to tak :-(</p>
</div><!--konec menu-->

</body>
</html>








CSS:

body {
background-color : white;
color : #585858;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div#obsah {
position : absolute;
top : 30px;
left : 30px;
width : 500px;
}
div#menu {
position : absolute;
top : 30px;
left : 540px;
width : 200px;
font-size : 80%;
border-left : 1px solid #c8d1d9;
}
p#patka {
font-size : 80%;
color : #7e7e7e;
text-align : center;
border-top : 1px dashed #c8d1d9;
}
p#patka a {
color : #7e7e7e !important;
}
p {
margin : 15px;
line-height : 130%;
}
p.box {
background-color : #f6f7fc;
color : #6f90ba;
margin : 10px;
padding : 10px;
border : 1px solid #dbe2ee;
}
ol, ul {
margin : 15px 25px 15px 50px;
padding : 0;
}
li {
margin : 15px 10px 15px 10px;
padding : 0;
line-height : 130%;
}
h1 {
margin : 0 15px 15px 15px;
font-size : 150%;
font-weight : normal;
color : #6f90ba;
}
h2 {
border-bottom : 1px solid #c8d1d9;
padding : 0 0 5px 10px;
margin : 15px;
font-size : 130%;
font-weight : normal;
color : #6f90ba;
}
h3 {
border-bottom : 1px solid #c8d1d9;
margin : 15px;
padding : 0 0 3px 5px;
font-size : 130%;
font-weight : normal;
color : #6f90ba;
}
strong, em {
color : #6f90ba;
}
a:link {
color : #6f90ba;
}
a:visited {
color : #6f90ba;
}
a:hover {
color : red;
}
div#menu ul {
margin : 10px 10px 10px 20px;
padding : 0;
}
div#menu ul li {
margin : 5px 0 5px 0;
padding : 0;
list-style-type : none;
font-weight : bold;
}
Petr Tichý
Profil
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="cs">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta name="description" content="Stručný popis www stránky.">
<meta name="keywords" content="klíčová slova">
<style>
body {
background-color : white;
color : #585858;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div#obsah {
position : absolute;
top : 30px;
left : 30px;
width : 500px;
}
div#menu {
position : absolute;
top : 30px;
left : 540px;
width : 200px;
font-size : 80%;
border-left : 1px solid #c8d1d9;
}
p#patka {
font-size : 80%;
color : #7e7e7e;
text-align : center;
border-top : 1px dashed #c8d1d9;
}
p#patka a {
color : #7e7e7e !important;
}
p {
margin : 15px;
line-height : 130%;
}
p.box {
background-color : #f6f7fc;
color : #6f90ba;
margin : 10px;
padding : 10px;
border : 1px solid #dbe2ee;
}
ol, ul {
margin : 15px 25px 15px 50px;
padding : 0;
}
li {
margin : 15px 10px 15px 10px;
padding : 0;
line-height : 130%;
}
h1 {
margin : 0 15px 15px 15px;
font-size : 150%;
font-weight : normal;
color : #6f90ba;
}
h2 {
border-bottom : 1px solid #c8d1d9;
padding : 0 0 5px 10px;
margin : 15px;
font-size : 130%;
font-weight : normal;
color : #6f90ba;
}
h3 {
border-bottom : 1px solid #c8d1d9;
margin : 15px;
padding : 0 0 3px 5px;
font-size : 130%;
font-weight : normal;
color : #6f90ba;
}
strong, em {
color : #6f90ba;
}
a:link {
color : #6f90ba;
}
a:visited {
color : #6f90ba;
}
a:hover {
color : red;
}
div#menu ul {
margin : 10px 10px 10px 20px;
padding : 0;
}
div#menu ul li {
margin : 5px 0 5px 0;
padding : 0;
list-style-type : none;
font-weight : bold;
}
</style>
<title>Titulek WWW stránky</title>
</head>
<body>

<div id="obsah">
<h1>Nadpis první úrovně</h1>
<p class="box">Toto je stránka, která ukazuje využití CSS pozicování a je zdarma ke stažení.</p>
<p><strong>Chcete mít vlastní web snadno a rychle?</strong> Stáhněte si tuto šablonku pozícování v CSS přepište texty a máte vlastní web hotový je to tak snadné stačí jen základy html.</p>
<h2>Nadpis druhé úrovně</h2>
<ul>
<li>Budu rád když v patičce necháte odkaz na moji stránku není to ale podmínkou.</li>
<li>Pokud se vám tato šablonky nelíbí nevadí zkuste jinou na výběr jich je tu dost.</li>
<li>Další informace např. jak stránku publikovat a jak na ní dostat návštěvníky hledejte zde: <a href="http://tvorba-webu.zdarek.com/">http://tvorba-webu.zdarek.com/</ a>.</li>
</ul>
<p><em>Chcete mít vlastní web snadno a rychle?</em> Stáhněte si tuto šablonku pozícování v CSS přepište texty a máte vlastní web hotový je to tak snadné stačí jen základy html.</p>
<p>Odkazy: <a href="http://www.zdarek.com/">Roman Žďárek</a>, <a href="http://soft.zdarek.com/">Rneosoft Software</a>, <a href="http://el.zdarek.com/">Elektrotechnika</a>, <a href="http://katalog.zdarek.com/">Katalog www stránek</a>, <a href="http://tvorba-webu.zdarek.com/sablony/">Šablony www stránek</a>.</p>
<p id="patka">Copyright (c) 2007 Vaše jméno - Design & kód: <a href="http://tvorba-webu.zdarek.com/">Tvorba Webu</a></p>
</div><!--konec obsahu-->

<div id="menu">
<h3>Obsah webu</h3>
<ul>
<li><a href="#">Úvodní stránka</a></li>
<li><a href="#">Ceník služeb</a></li>
<li><a href="#">Naše reference</a></li>
<li><a href="#">Odkazy na weby</a></li>
<li><a href="#">Novinky na webu</a></li>
<li><a href="#">Dobré stránky</a></li>
<li><a href="#">Programování v PHP</a></li>
<li><a href="#">Ostatní zajímavosti</a></li>
</ul>
<h3>Novinky</h3>
<p><strong>7. dubna 2007</strong> - Konečně jsem se k tomu dostal a upravuju kód (html, css) této šablonky změna se projevila i na vzhledu.</p>
<p><strong>Starší změny</strong> - Starší změny nesledovány no už je to tak :-(</p>
</div><!--konec menu-->

</body>
</html>
Manq
Profil
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="cs">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta name="description" content="Stručný popis www stránky.">
<meta name="keywords" content="klíčová slova">
<title>Titulek WWW stránky</title>
<style>body {
background-color : white;
color : #585858;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div#obsah {
position : absolute;
top : 30px;
left : 30px;
width : 500px;
}
div#menu {
position : absolute;
top : 30px;
left : 540px;
width : 200px;
font-size : 80%;
border-left : 1px solid #c8d1d9;
}
p#patka {
font-size : 80%;
color : #7e7e7e;
text-align : center;
border-top : 1px dashed #c8d1d9;
}
p#patka a {
color : #7e7e7e !important;
}
p {
margin : 15px;
line-height : 130%;
}
p.box {
background-color : #f6f7fc;
color : #6f90ba;
margin : 10px;
padding : 10px;
border : 1px solid #dbe2ee;
}
ol, ul {
margin : 15px 25px 15px 50px;
padding : 0;
}
li {
margin : 15px 10px 15px 10px;
padding : 0;
line-height : 130%;
}
h1 {
margin : 0 15px 15px 15px;
font-size : 150%;
font-weight : normal;
color : #6f90ba;
}
h2 {
border-bottom : 1px solid #c8d1d9;
padding : 0 0 5px 10px;
margin : 15px;
font-size : 130%;
font-weight : normal;
color : #6f90ba;
}
h3 {
border-bottom : 1px solid #c8d1d9;
margin : 15px;
padding : 0 0 3px 5px;
font-size : 130%;
font-weight : normal;
color : #6f90ba;
}
strong, em {
color : #6f90ba;
}
a:link {
color : #6f90ba;
}
a:visited {
color : #6f90ba;
}
a:hover {
color : red;
}
div#menu ul {
margin : 10px 10px 10px 20px;
padding : 0;
}
div#menu ul li {
margin : 5px 0 5px 0;
padding : 0;
list-style-type : none;
font-weight : bold;
}
</style>
</head>
<body>

<div id="obsah">
<h1>Nadpis první úrovně</h1>
<p class="box">Toto je stránka, která ukazuje využití CSS pozicování a je zdarma ke stažení.</p>
<p><strong>Chcete mít vlastní web snadno a rychle?</strong> Stáhněte si tuto šablonku pozícování v CSS přepište texty a máte vlastní web hotový je to tak snadné stačí jen základy html.</p>
<h2>Nadpis druhé úrovně</h2>
<ul>
<li>Budu rád když v patičce necháte odkaz na moji stránku není to ale podmínkou.</li>
<li>Pokud se vám tato šablonky nelíbí nevadí zkuste jinou na výběr jich je tu dost.</li>
<li>Další informace např. jak stránku publikovat a jak na ní dostat návštěvníky hledejte zde: <a href="http://tvorba-webu.zdarek.com/">http://tvorba-webu.zdarek.com/</ a>.</li>
</ul>
<p><em>Chcete mít vlastní web snadno a rychle?</em> Stáhněte si tuto šablonku pozícování v CSS přepište texty a máte vlastní web hotový je to tak snadné stačí jen základy html.</p>
<p>Odkazy: <a href="http://www.zdarek.com/">Roman Žďárek</a>, <a href="http://soft.zdarek.com/">Rneosoft Software</a>, <a href="http://el.zdarek.com/">Elektrotechnika</a>, <a href="http://katalog.zdarek.com/">Katalog www stránek</a>, <a href="http://tvorba-webu.zdarek.com/sablony/">Šablony www stránek</a>.</p>
<p id="patka">Copyright (c) 2007 Vaše jméno - Design & kód: <a href="http://tvorba-webu.zdarek.com/">Tvorba Webu</a></p>
</div><!--konec obsahu-->

<div id="menu">
<h3>Obsah webu</h3>
<ul>
<li><a href="#">Úvodní stránka</a></li>
<li><a href="#">Ceník služeb</a></li>
<li><a href="#">Naše reference</a></li>
<li><a href="#">Odkazy na weby</a></li>
<li><a href="#">Novinky na webu</a></li>
<li><a href="#">Dobré stránky</a></li>
<li><a href="#">Programování v PHP</a></li>
<li><a href="#">Ostatní zajímavosti</a></li>
</ul>
<h3>Novinky</h3>
<p><strong>7. dubna 2007</strong> - Konečně jsem se k tomu dostal a upravuju kód (html, css) této šablonky změna se projevila i na vzhledu.</p>
<p><strong>Starší změny</strong> - Starší změny nesledovány no už je to tak :-(</p>
</div><!--konec menu-->

</body>
</html>
Taps
Profil
toto vlož do head<style>
body {
background-color : white;
color : #585858;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div#obsah {
position : absolute;
top : 30px;
left : 30px;
width : 500px;
}
div#menu {
position : absolute;
top : 30px;
left : 540px;
width : 200px;
font-size : 80%;
border-left : 1px solid #c8d1d9;
}
p#patka {
font-size : 80%;
color : #7e7e7e;
text-align : center;
border-top : 1px dashed #c8d1d9;
}
p#patka a {
color : #7e7e7e !important;
}
p {
margin : 15px;
line-height : 130%;
}
p.box {
background-color : #f6f7fc;
color : #6f90ba;
margin : 10px;
padding : 10px;
border : 1px solid #dbe2ee;
}
ol, ul {
margin : 15px 25px 15px 50px;
padding : 0;
}
li {
margin : 15px 10px 15px 10px;
padding : 0;
line-height : 130%;
}
h1 {
margin : 0 15px 15px 15px;
font-size : 150%;
font-weight : normal;
color : #6f90ba;
}
h2 {
border-bottom : 1px solid #c8d1d9;
padding : 0 0 5px 10px;
margin : 15px;
font-size : 130%;
font-weight : normal;
color : #6f90ba;
}
h3 {
border-bottom : 1px solid #c8d1d9;
margin : 15px;
padding : 0 0 3px 5px;
font-size : 130%;
font-weight : normal;
color : #6f90ba;
}
strong, em {
color : #6f90ba;
}
a:link {
color : #6f90ba;
}
a:visited {
color : #6f90ba;
}
a:hover {
color : red;
}
div#menu ul {
margin : 10px 10px 10px 20px;
padding : 0;
}
div#menu ul li {
margin : 5px 0 5px 0;
padding : 0;
list-style-type : none;
font-weight : bold;
}
</style>
Manq
Profil
Petr Tichý
sakra, byl jsi rychlejší
mm
Profil *
Diky moc, ale nejak to blbne...dal sem si ten kod na moji stranku, a co se nestalo... http://www.aukro.cz/my_page.php?uid=6423027

Proč mi to tak blbne?? :(
Petr Tichý
Profil
Neb využíváš absolutní pozicování.
mm
Profil *
A jak to spravit?
Petr Tichý
Profil
Záleží na okolnostech. Minimálně zkus změnit "absolute" za "relative".
mm
Profil *
Uz se to zlepsuje, ale stale to nejak uhyba..:(
Petr Tichý
Profil
Musí se to individuálně upravit. Musíš vedět jaký prostor ti aukro "dovolí" apod..
mm
Profil *
absolutne nevím jak...dovolí toho dost, nemám potuchy co bych mnel delat, aby se ten sloupec urovnal...
mm
Profil *
tato je podobna.... http://www.aukro.cz/my_page.php?uid=4045665
Petr Tichý
Profil
"absolutne nevím jak...dovolí toho dost, nemám potuchy co bych mnel delat, aby se ten sloupec urovnal..."
Musíš si koupit knížku a učit se. Popř. si to nechat udělat.

"tato je podobna.... http://www.aukro.cz/my_page.php?uid=4045665"[/i]
Nechceš ale ukrást kód, že ne?
mm
Profil *
Ano urcite chci, jeziis...

Chapes ze jsem to sem dal aby bylo videt co si "to aukro muze dovolit"???
Toto téma je uzamčeno. Odpověď nelze zaslat.