Autor Zpráva
liják
Profil *
#1 · Zasláno: 18. 7. 2006, 19:11:42
Odpovědět Citovat
Zdravím. Mám takovej problém. Stránku mám rozvrženou na hlavičku, levý sloupec, obsah, pravý sloupec a patičku. V pravém sloupci mám obrázek.jpg. A na místě hraničí s patičkou tak je jakási šedá mezera. Myslel jsem napřed že je to třeba překryté nebo naopak ale mám to vše přesně na sebe navazující. Přesto tam je velice patrná šedá čára nebo mezera nebo nevím co je to zač. Můžete mi pls někdo poradit?
tiso
Profil
#2 · Zasláno: 18. 7. 2006, 19:16:46
Odpovědět Citovat
Zdroják si nechal kde?
liják
Profil *
#3 · Zasláno: 18. 7. 2006, 19:23:06
Odpovědět Citovat
#pravy {
position: absolute;
width: 110px;
top: 0px;
left: 651px;
border: 0px solid #000000;
background: #ad7474;
height: 400px;
}

#paticka {
position: absolute;
width: 650px;
top: 401px;
left: 0px;
border 0px; solid #000000;
background: #da7474;
height: 50px;
}
................................................................
..............................

<div id="pravy">
<img src="images/obrazek.jpg">
</div>

<div id="paticka">
</div>
nonewood
Profil
#4 · Zasláno: 18. 7. 2006, 21:06:09 · Upravil/a: nonewood
Odpovědět Citovat
liják
Zkus sem dát celý kód.
liják
Profil *
#5 · Zasláno: 18. 7. 2006, 21:47:22
Odpovědět Citovat
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>ukazka</title>
<style>


#hlavicka {
position: absolute;
width: 650px;
top: 10px;
left: 200px;
border: 0px solid #000000;
height: 200px;
}
#obsah {
position: absolute;
width: 650px;
top: 210px;
left: 200px;
border: 0px solid #000000;
background: #da7474;
height: 350px;
}
#levy {
position: absolute;
width: 110px;
top: 0px;
left: -110px;
border: 0px solid #000000;
background: #da7474;
height: 400px;
}
#pravy {
position: absolute;
width: 110px;
top: 0px;
left: 651px;
border: 0px solid #000000;
background: #ad7474;
height: 400px;
}

#paticka {
position: absolute;
width: 650px;
top: 401px;
left: 0px;
border 0px; solid #000000;
background: #da7474;
height: 50px;
}

td img {display: block;}
</style>
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
</head>
<body bgcolor="#da7474" onLoad="MM_preloadImages('images/banner_r2_c2_f3.gif','images/banner_r 2_c2_f2.gif','images/banner_r3_c4_f3.gif','images/banner_r3_c4_f2.gif' )">
<div id="hlavicka">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="650">
<!-- fwtable fwsrc="banner.png" fwbase="banner.gif" fwstyle="Dreamweaver" fwdocid = "480103033" fwnested="0" -->
<tr>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="4" height="1" border="0" /></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="82" height="1" border="0" /></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="26" height="1" border="0" /></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="99" height="1" border="0" /></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="439" height="1" border="0" /></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" /></td>
</tr>
<tr>
<td colspan="5"><img name="banner_r1_c1" src="images/banner_r1_c1.gif" width="650" height="176" border="0" id="banner_r1_c1" alt="" /></td>
<td><img src="imagest/spacer.gif" alt="" name="undefined_2" width="1" height="176" border="0" /></td>
</tr>
<tr>
<td rowspan="2"><img name="banner_r2_c1" src="images/banner_r2_c1.gif" width="4" height="24" border="0" id="banner_r2_c1" alt="" /></td>
<td rowspan="2"><a href="index.php?sekce=sluzby" title="sluzby" target="_top" onClick="MM_nbGroup('down','navbar1','banner_r2_c2','images/banner_r2_ c2_f3.gif',1);" onMouseOver="MM_nbGroup('over','banner_r2_c2','images/banner_r2_c2_f2. gif','images/banner_r2_c2_f3.gif',1);" onMouseOut="MM_nbGroup('out');"><img name="banner_r2_c2" src="images/banner_r2_c2.gif" width="82" height="24" border="0" id="banner_r2_c2" alt="" /></a></td>
<td colspan="3"><img name="banner_r2_c3" src="images/banner_r2_c3.gif" width="564" height="1" border="0" id="banner_r2_c3" alt="" /></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" /></td>
</tr>
<tr>
<td><img name="banner_r3_c3" src="images/banner_r3_c3.gif" width="26" height="23" border="0" id="banner_r3_c3" alt="" /></td>
<td><a href="index.php?sekce=kontakt" title="kontakt" target="_top" onClick="MM_nbGroup('down','navbar1','banner_r3_c4','images/banner_r3_ c4_f3.gif',1);" onMouseOver="MM_nbGroup('over','banner_r3_c4','images/banner_r3_c4_f2. gif','images/banner_r3_c4_f3.gif',1);" onMouseOut="MM_nbGroup('out');"><img name="banner_r3_c4" src="images/banner_r3_c4.gif" width="99" height="23" border="0" id="banner_r3_c4" alt="" /></a></td>
<td><img name="banner_r3_c5" src="images/banner_r3_c5.gif" width="439" height="23" border="0" id="banner_r3_c5" alt="" /></td>
<td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="23" border="0" /></td>
</tr>
</table>

</div>
</div>
<div id="obsah">
<?php
$sekce = isset($_GET['sekce'])? $_GET['sekce']: NULL;
if(!$sekce) {$sekce="sluzby";}
if(file_exists("./".$sekce.".html")) {
include("./".$sekce.".html");
}
?>


<div id="levy">

</div>
<div id="pravy">
<img src="images/obrazek.jpg">
</div>

<div id="paticka">
<font color="#b1adad" size="2" face="verdana">
<div align="right">Copyright &copy; 2006
</div>
</div>

</body>
</html>
tiso
Profil
#6 · Zasláno: 19. 7. 2006, 09:45:38
Odpovědět Citovat
Aký máš dôvod na to že používaš poziciovanie na tvorbu layoutu?
nonewood
Profil
#7 · Zasláno: 19. 7. 2006, 09:49:52
Odpovědět Citovat
liják
A na místě hraničí s patičkou tak je jakási šedá mezera.

Co hraničí? Obrázek nebo #pravy?

->nahraj své stránky na internet...
liják
Profil *
#8 · Zasláno: 19. 7. 2006, 11:03:50
Odpovědět Citovat
Aký máš dôvod na to že používaš poziciovanie na tvorbu layoutu?

pozicování je špatně?
liják
Profil *
#9 · Zasláno: 19. 7. 2006, 11:06:13
Odpovědět Citovat
nonewood

no hraničí #pravy i obrazek jelikož je stejně vysoký 400px mají plně stejné rozměry #pravy i obrazek
habendorf
Profil
#10 · Zasláno: 19. 7. 2006, 11:34:07
Odpovědět Citovat
pozicování je špatně?

Na tvorbu layoutu je naprosto nepoužitelné.
liják
Profil *
#11 · Zasláno: 19. 7. 2006, 12:11:30
Odpovědět Citovat
takže například pomocí stylu v css?
habendorf
Profil
#12 · Zasláno: 19. 7. 2006, 14:33:24
Odpovědět Citovat
takže například pomocí stylu v css?

Prvně si nějak ujasni pojmy. Pozicování se snad taky dělá pomocí stylu v css.
Podívej se na css vlastnosti float a clear a pak už ti to bude jasné.
liják
Profil *
#13 · Zasláno: 19. 7. 2006, 16:35:12
Odpovědět Citovat
jak se tedy dělá layout?
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0