Autor Zpráva
zabiak2
Profil
#1 · Zasláno: 9. 10. 2007, 17:42:06 · Upravil/a: zabiak2
Odpovědět Citovat
Zkouším se naučit css, ale nějak mi to nejde. Udělal jsem pokusnej design a k tomu chci udělat layout, design pomocí pozicování.
Ale problém je takovej: chci aby když do pole 4 napíšu jakoliv dlouhý text tak aby se mi patička 2 posunula a byla furt pod textem a taky pole 1 a 3 protáhly a design zůstal furt.
Tady jsem to zkoušel takže je to rozhozené a jsou tu naznačené popisky http://img248.imageshack.us/my.php?image=webpokuslc2.jpg .
A takhle bych chtěl aby to vypadalo furt http://img65.imageshack.us/my.php?image=superbdu5.jpg akorád a posouvalo se to podle textu jako je to když je to udělané tabulkou. Jestli to teda vůbec pomocí css jde.
Snad víte co myslím.
Přečetl jsem spoustu stránek a fakt nevím jak to udělat. Jo a dělám to v Macromedia Dreamweaver MX 2004 tak jestli tam na to není nějaká fce.
Díky moc za pomoc
Manq
Profil
#2 · Zasláno: 9. 10. 2007, 17:44:52
Odpovědět Citovat
zabiak2
Šlo by použít tento postup.

http://wellstyled.com/css-2col-fluid-layout.html
zabiak2
Profil
#3 · Zasláno: 9. 10. 2007, 18:33:37
Odpovědět Citovat
To je nějaké moc složité jsem z toho jelen, ale pokusím se díky
A chtěl bych se zeptat jestli jsou ještě nějaké možnosti třeba jednoduší nebo lepší jak udělat web takouto strukturou.
Manq
Profil
#4 · Zasláno: 9. 10. 2007, 18:37:57
Odpovědět Citovat
zabiak2
Myslím, že ne. Jednodušší určitě ne.
zabiak2
Profil
#5 · Zasláno: 11. 10. 2007, 13:10:50
Odpovědět Citovat
Tak už jsem na tom zapracoval a fachá to. Ale ještě jeden problém mám. Ja vidíte na obrzku pravou stranu kde bude text jsem udělal jako jeden blok a vněm je umístěn druhá blok s anketou jak to udělat aby sem mi ten blok s anketou neposouval když píšu do vedle něj? A text ho z pravé strany obtékal?
zabiak2
Profil
#6 · Zasláno: 11. 10. 2007, 13:17:39
Odpovědět Citovat
Tady obrázek pro vysvětlení http://img237.imageshack.us/my.php?image=webpokusvu9.jpg
Manq
Profil
#7 · Zasláno: 12. 10. 2007, 08:02:40
Odpovědět Citovat
zabiak2
Tak, nevím jak ostatní, ale já jsem tě vůbec nepochopil. Ten obrázek na srozumitelnosti vůbec nepřidává. :-}

Kdyžtak sem hoď URL tvé stránky, ať si můžeme prohlédnout kód.
zabiak2
Profil
#8 · Zasláno: 14. 10. 2007, 12:09:04 · Upravil/a: zabiak2
Odpovědět Citovat
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, [url=http://www.pspad.com">
]www.pspad.com">
[/url]
<link rel="stylesheet" href="file:///D|/WEBY/SuperBclub/style.css" type="text/css">
<title>Superb</title>

<style type="text/css">
<!--
body {
background-image: url();
}
-->
</style></head>
<body onLoad="MM_preloadImages('obrazystlacene/Stlačene_05.jpg');MM_preloadI mages('obrazystlacene/Stlačene_08.jpg');MM_preloadImages('obrazystlace ne/Stlačene_10.jpg');MM_preloadImages('obrazystlacene/Stlačene_11.jpg' );MM_preloadImages('obrazystlacene/Stlačene_12.jpg');MM_preloadImages( 'obrazystlacene/Stlačene_13.jpg')">

<body leftmargin="0" topmargin="0">
<br>
<center>
<table width=650 border=0 cellpadding=0 cellspacing=0>
<tbody>
<tr><td colspan="2" id="horni"><img src="obrazy/Sup_01.jpg" width="646" height="228"></td>
</tr>

<tr><td colspan="2" id="mezi"><img src="obrazy/Sup_02.jpg" width="177" height="38"><img src="obrazy/Sup_03.jpg" width="307" height="38"><img src="obrazy/Sup_04.jpg" width="162" height="38"></td>
</tr>

<tr><td width="177" id="leve">
<div class="leve">
<div class="leve"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','obrazystlacene/Stlačene_05.jpg' ,1)"><img src="obrazy/Sup_05.jpg" name="Image5" width="177" height="39" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','obrazystlacene/Stlačene_08.jpg' ,1)"><img src="obrazy/Sup_08.jpg" name="Image6" width="177" height="27" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','obrazystlacene/Stlačene_10.jpg' ,1)"><img src="obrazy/Sup_09.jpg" name="Image8" width="177" height="27" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','obrazystlacene/Stlačene_11.jpg' ,1)"><img src="obrazy/Sup_10.jpg" name="Image9" width="177" height="26" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','obrazystlacene/Stlačene_12.jpg ',1)"><img src="obrazy/Sup_11.jpg" name="Image10" width="177" height="26" border="0"></a><img src="obrazy/Sup_12.jpg" name="Image11" width="177" height="27" border="0"><img src="obrazy/Sup_15.jpg" width="177" height="146"></div>

</div>


</td>

<td width="473" id="prave">
<p>zerzrtergtrg ergergegeg</p>
<p>wegegg </p>
<p>&nbsp;</p>
<div class="minihead">

<p>r</p>


<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<p>hdrhswgsegseges</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>geg</p>
<p>segsegesg</p>
<p>&nbsp;</p> <p>&nbsp;</p>
<p>&nbsp; </p></td>
</tr>



<tr><td colspan="2" id="dolni"><img src="obrazy/Sup_17.jpg" width="646" height="114"></td></tr>


</tbody>
</table>

</center>
<br>
</body>
</html>


Na webu to není tady je kod: Pravé je ten blok kde je text a minihead je ta anketa
zabiak2
Profil
#9 · Zasláno: 14. 10. 2007, 12:12:46
Odpovědět Citovat
Tady je css těch věcí

#leve
{background-image: url(obrazy/Sup_16.jpg);
background-repeat: repeat-y;
width: 177px;
height: 12px;
vertical-align: top;}


#prave
{
background-repeat: repeat-y;
width: 469px;
height:12px;
vertical-align: top;
background-color: #FFFFFF;
background-image: url(Suppozad.jpg);
}
#prave .minihead {
margin-left: 338px;
font-weight: bold;
font-size: 15px;
text-align: justify;
background: url(obrazy/Sup_07.jpg) no-repeat;
height: 137px;
width: 133px;
height: 137px;
width: 133px;
float: right;}



#dolni
{background-image: url(img/dolni.png);
width: 646px;
height: 10px;
background-repeat: no-repeat;
vertical-align: top;}
zabiak2
Profil
#10 · Zasláno: 14. 10. 2007, 12:13:58 · Upravil/a: zabiak2
Odpovědět Citovat
P
zabiak2
Profil
#11 · Zasláno: 14. 10. 2007, 12:14:26 · Upravil/a: zabiak2
Odpovědět Citovat
,
zabiak2
Profil
#12 · Zasláno: 14. 10. 2007, 12:16:36 · Upravil/a: zabiak2
Odpovědět Citovat
Prostě chci aby ta anketa byla furt v pravém rohu a ten text byl vedle ní . Moc se v tom nevyznám učím se to poprvé. Do teď jsem dělal vše tabulkou: http://www.skodaoctavia.cz/ . Tak jestli to jde nějak nastavit
Časová prodleva: 17 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