Autor Zpráva
Smartynko
Profil *
Mám taký malý problém.
Pustil som sa do tvorby webu a použil som jeden free CSS template.
Všetko je v pohode všetko sedí až na jednu vec.

V tomto layoute sú tri stĺpce. Dva bočné na menu a podobne a jeden stredový na príspevky...
Pri mojej snahe príspevok sformátovať podľa mojich predstáv som narazil na prekážku. Chcel som aby príspevky boli robené na ten štýl, že vždy bude vľavo obrázok príspevku a vedľa neho úryvok textu s odkazom na jeho pokračovanie.
Pod tým už len chcem mať informácie kto príspevok postol, kedy, koľko má komentárov a odkaz na vytlačenie...

Na tejto adrese nájdete stránku, o ktorej tu píšem.
Posledný príspevok v strede bol môj pokus. Bohužiaľ ani za svet sa mi nepodarilo docieliť žiadaného efektu.
Týmto vás všetkých prosím o pomoc. Vopred ďakujem za každú radu...

Kód súboru style.css je na tejto adrese...
Kód index.php je tu:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>..::||Smartynko||::..</title>
</head>

<body>
<div id="container">
	
    <?php include ("header.php"); ?> 
    
	<div id="content">
    
    <!-- ZACIATOK LEFT -->    
		<div id="left">
			
<!-- NAVIGACIA -->            
      <!-- MENU -->            
      <div class="menu">
        <!-- MENU HLAVIČKA -->
        <div class="menuheader">
          <!-- MENU NADPIS HLAVIČKY -->
          <div class="menunadpis">&lt;navigácia&gt;</div>
				</div>
				<!-- MENU OBSAH -->
				<div class="menucontent">
				  <ul>
					<li><a href="#">ÚVOD</a></li>
					<li><a href="#">MOJE PRÁCE</a></li>
					<li><a href="#">HUDOBNÝ KÚTIK</a></li>
					<li><a href="#">NÁVODY PRE PC LAMY</a></li>
					<li><a href="#">REFERENCIE</a></li>
					<li><a href="#">PROFIL</a></li>
					<li><a href="#">KONTAKT</a></li>
				  </ul>
        </div>
        <!-- MENU ZAKONČENIE -->
				<div class="menufooter"></div>
      </div>
            
<!-- NOVINKY -->            
            
			<div class="menu">
        <div class="menuheader">
          <div class="menunadpis">&lt;novinky&gt;</div>
        </div>
        <div class="menucontent">
          <p>
          Lorem ipsum dolor sit amet […] — zkráceno moderátorem —
          </p>
				</div>
        <div class="menufooter"></div>
			</div>
			
    <!-- KONIEC LEFT -->		
    </div>
       
       
<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!  -->


    <!-- ZACIATOK RIGHT -->
		<div id="right">
        
<!-- TEAM -->      
        
			<div class="menu">
				<div class="menuheader">
          <div class="menunadpis">&lt;tým&gt;</div>
        </div>
				<div class="menucontent">
				
				  <div class="member">
					<a href="#"><img src="images/member1.jpg" alt="member" /></a>
					<span><a href="#">Member 1</a></span>
					</div>
					
					<div class="member">
					<a href="#"><img src="images/member2.jpg" alt="member" /></a>
					<span><a href="#">Member 2</a></span>
					</div>
					
					<div class="member">
					<a href="#"><img src="images/member3.jpg" alt="member" /></a>
					<span><a href="#">Member 3</a></span>
					</div>
					
					<div class="member">
					<a href="#"><img src="images/member4.jpg" alt="member" /></a>
					<span><a href="#">Member 4</a></span>
					</div>
					
					<div class="member">
					<a href="#"><img src="images/member5.jpg" alt="member" /></a>
					<span><a href="#">Member 5</a></span>
					</div>
					
					<div class="member">
					<a href="#"><img src="images/member6.jpg" alt="member" /></a>
					<span><a href="#">Member 6</a></span>
					</div>
					
					<div class="clear"></div>
				</div>
				<div class="menufooter"></div>
			</div>
			
		<!-- KONIEC RIGHT -->	
		</div>
        


<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!!!!!!!!!  -->

    <!-- ZACIATOK MIDDLE -->
		<div id="middle">
      
      <!-- POST 1 -->        
      <div class="post">
				<div class="postheader">
          <div class="postnadpis">&lt;názov postu&gt;</div>
        </div>
				<div class="postcontent">
				<p>Toto je testovací skúšobný text, ktorý sem bol vložený za účelom testovania stránky.</p>
				</div>
				<div class="postfooter"></div>
			</div>
              
      <!-- POST 2 -->       
			<div class="post">
				<div class="postheader">
          <div class="postnadpis">&lt;názov postu&gt;</div>
        </div>
				<div class="postcontent">
				<p>BRATISLAVA 13. októbra (SITA) - V schválenom návrhu štátneho rozpočtu vláda nevyužila […] — zkráceno moderátorem —</p>
				</div>
				<div class="postfooter"></div>
			</div> 
                
      <!-- POST 3 -->             
      <div class="post">
				<div class="postheader">
          <div class="postnadpis">&lt;názov postu&gt;</div>
        </div>
				<div class="postcontent">
— Moderátor (S): Zkrácen „Lorem ipsum“ text. —
Manq
Profil
Jen tě navedu. Použij vlastnost CSS float. Konkrétně pro obrázek. Float:left;
Smartynko
Profil *
To som už skúšal ale nejde to. Ten text je stále zle umiestnený.
Neviem prečo, ale asi tam bude nejaká chyba v nadradených elementoch.
Niekde to s niečim zrejme koliduje.
mariett44
Profil
Manq ti radil dobre. Akurát, ty keď si obrázku pridal triedu class="postimage", tak v CSS musis dat .postimage, nie #postimage. #postimage sa používa, keĎ máš v html id="postimage".
Michal Šobr
Profil
no u mě se vyskytl ještě jeden problém, ta střední část s obsahem se mi zobrazuje pod vším ostatním, zkus to změnit pomocí minimální šířky body, jinak stránky vypadají pěkně

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