Autor Zpráva
harvav01
Profil
#1 · Zasláno: 8. 2. 2008, 22:51:03
Odpovědět Citovat
Ahoj nemáte někdo k dispozici 2. sloupcový layout s výškou obou sloupců o velikosti okna a patičkou vždy dole. Moc by mi to pomohlo. Díky
xlx21
Profil
#2 · Zasláno: 9. 2. 2008, 00:06:45 · Upravil/a: xlx21
Odpovědět Citovat
Tak posli mi navrh a spravim ti to
Mistr
Profil
#3 · Zasláno: 9. 2. 2008, 04:19:39
Odpovědět Citovat
harvav01
nemáte někdo k dispozici 2. sloupcový layout
Druhý sloupcový layout? Spíše se asi jedná o dvousloupcový, že? Takže ta tečka tam nemá co dělat.

xlx21
Tak posli mi navrh a spravim ti to
Není kam. Nezanechal jsi zde na sebe žádné spojení, ani ve svém profilu nic nemáš. Uvedu tedy IP adresu (78.99.4.188), z níž jsi příspěvek odeslal, protože se pravděpodobně jedná o jediný kontakt na Tebe. Nebo je snad toto - http://xlx21.blog.cz/ - Tvůj web? Těžko odhadnout.
harvav01
Profil
#4 · Zasláno: 9. 2. 2008, 15:26:00
Odpovědět Citovat
@media screen, projection {

* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
scrollbar-face-color: #D2D2D2;
scrollbar-shadow-color: #9a2106;
scrollbar-highlight-color: #9a2106;
scrollbar-3dlight-color: #D2D2D2;
scrollbar-darkshadow-color: #D2D2D2;
scrollbar-track-color: #D2D2D2;
scrollbar-arrow-color: #546681;
}
body {
font: x-small Tahoma, Verdana, "Arial CE", Arial, Lucida, Sans-serif;
background: #fff url(../images/hlavni/pozadi.gif) repeat;
color: #747474;
text-align: center;
min-width: 780px;
}
html > body {
font-size: small;
}
body > #main {
height: auto;
}
p {
padding: 0 0 1.2em 0;
}
img {
border: 0;
}
ol, ul, li {
list-style: square;
font-size: 1.0em;
line-height: 1.8em;
margin: 0.2em 0 0.1em 0;
}
ol, ul {
padding: 0 0 15px 50px;
}
a, a:active, a:visited {
font-weight: bold;
color: #e48600;
text-decoration: none;
}
a:hover {
color: #e48600;
text-decoration: underline;
}
br {
clear: left;
}

/* layout */
#main {
max-width: 780px;
min-width: 250px;
_width: 781px;
_width: expression((document.getElementById("main").currentStyle.width == "781px") ? "auto" : (document.getElementById("main").offsetWidth > 780 ? "780px" : "auto"));
margin: 0 auto;
text-align: justify;
background: #D2D2D2;
min-height: 100%;
height: 100%;
position: relative;
border-left: 4px solid #9a2106;
border-right: 4px solid #9a2106;
}
#menu {
float: left;
width: 200px;
margin:0;
padding:0;
min-height:8em;
height:auto;
border: 1px solid black;
}
#obsah {
margin:0 0 0 200px;
padding: 30px;
min-height:8em;
height:auto;
border: 1px solid black;
}
#paticka {
width: 780px;
height: 20px;
line-height: 20px;
padding: 4px 0 0 0;
font: 86% Tahoma, Verdana, Arial, Lucida, Sans-serif;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
background: #9a2106;
}
/* layout */
}


<body>
// Hlavička
<div id='main'>
<div id='menu'>
<ul>
<li>
<a id='menuservis' href='/servis/'>
<span >Zákaznický servis</span>
</a>
</li>
<li>
<a id='menusluzby' href='/sluzby/'>
<span >Služby</span>
</a>
</li>
<li>
<a id='menureference' href='/reference/'>
<span class='noscreen'>Reference</span>
</a>
</li>
<li>
<a id='menumaterialy' href='/materialy/'>
<span class='noscreen'>Materiály</span>
</a>
</li>
<li>
<a id='menukontakt' href='/kontakt/'>
<span class='noscreen'>Kontakt</span>
</a>
</li>
</ul>
</div>

// prostor pro jednotlivé stránky
<div id='obsah'>
</div>

// patička na spodu stránky
<div id='paticka'>
</div>
</div>
</body>
xlx21
Profil
#5 · Zasláno: 10. 2. 2008, 11:34:31
Odpovědět Citovat
napis to kompletne uplne aj s lavickou a odkazom na css
harvav01
Profil
#6 · Zasláno: 12. 2. 2008, 09:32:31
Odpovědět Citovat
@media screen, projection {

* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
scrollbar-face-color: #D2D2D2;
scrollbar-shadow-color: #9a2106;
scrollbar-highlight-color: #9a2106;
scrollbar-3dlight-color: #D2D2D2;
scrollbar-darkshadow-color: #D2D2D2;
scrollbar-track-color: #D2D2D2;
scrollbar-arrow-color: #546681;
}
body {
font: x-small Tahoma, Verdana, "Arial CE", Arial, Lucida, Sans-serif;
background: #fff url(../images/hlavni/pozadi.gif) repeat;
color: #747474;
text-align: center;
min-width: 780px;
}
html > body {
font-size: small;
}
body > #main {
height: auto;
}
p {
padding: 0 0 1.2em 0;
}
img {
border: 0;
}
ol, ul, li {
list-style: square;
font-size: 1.0em;
line-height: 1.8em;
margin: 0.2em 0 0.1em 0;
}
ol, ul {
padding: 0 0 15px 50px;
}
a, a:active, a:visited {
font-weight: bold;
color: #e48600;
text-decoration: none;
}
a:hover {
color: #e48600;
text-decoration: underline;
}
br {
clear: left;
}

/* layout */
#main {
max-width: 780px;
min-width: 250px;
_width: 781px;
_width: expression((document.getElementById("main").currentStyle.width == "781px") ? "auto" : (document.getElementById("main").offsetWidth > 780 ? "780px" : "auto"));
margin: 0 auto;
text-align: justify;
background: #D2D2D2;
min-height: 100%;
height: 100%;
position: relative;
border-left: 4px solid #9a2106;
border-right: 4px solid #9a2106;
}
#menu {
float: left;
width: 200px;
margin:0;
padding:0;
min-height:8em;
height:auto;
border: 1px solid black;
}
#obsah {
margin:0 0 0 200px;
padding: 30px;
min-height:8em;
height:auto;
border: 1px solid black;
}
#paticka {
width: 780px;
height: 20px;
line-height: 20px;
padding: 4px 0 0 0;
font: 86% Tahoma, Verdana, Arial, Lucida, Sans-serif;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
text-align: center;
background: #9a2106;
}
/* layout */
}


<?xml version='1.0' encoding='utf-8'?>

<!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='cs'>

<head>
<meta http-equiv='content-type' content='text/html; charset=utf-8' />
<meta http-equiv='content-language' content='cs' />
<meta http-equiv='cache-control' content='no-cache' />
<meta http-equiv='cache-control' content='must-revalidate, post-check=0, pre-check=0' />
<meta http-equiv='pragma' content='public, no-cache' />
<meta http-equiv='expires' content='-1' />
<meta http-equiv='imagetoolbar' content='no' />
<meta http-equiv='MSThemeCompatible' content='no' />
<meta name='MSSmartTagsPreventParsing' content='true' />
<meta name='autosize' content='off' />
<meta name='robots' content='index, follow' />
<meta name='googlebot' content='index, follow, snippet, archive' />
<meta name='distribution' content='global' />

<link rel='shortcut icon' type='image/x-icon' href='/favicon.ico' />
<link rel='stylesheet' href='/css/hlavni.css' type='text/css' media='screen, projection, print' />

<body>
// Hlavička
<div id='main'>
<div id='menu'>
<ul>
<li>
<a id='menuservis' href='/servis/'>
<span >Zákaznický servis</span>
</a>
</li>
<li>
<a id='menusluzby' href='/sluzby/'>
<span >Služby</span>
</a>
</li>
<li>
<a id='menureference' href='/reference/'>
<span class='noscreen'>Reference</span>
</a>
</li>
<li>
<a id='menumaterialy' href='/materialy/'>
<span class='noscreen'>Materiály</span>
</a>
</li>
<li>
<a id='menukontakt' href='/kontakt/'>
<span class='noscreen'>Kontakt</span>
</a>
</li>
</ul>
</div>

// prostor pro jednotlivé stránky
<div id='obsah'>
</div>

// patička na spodu stránky
<div id='paticka'>
</div>
</div>
</body>
Časová prodleva: 16 let

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0