tabulka s max. velkosotou

senty · Napísal **senty**: 20.07.2009 14:30

bry den,
mam jedne problem : mam tabulku, ktora ma mat nejaku max. sirku ( velkost napr. 100 px). Vlozim do nej obsah a tento obsah mi tabulku "natiahne" do ovela vacsej dlzky - proste, ten text sa nechce na konci riadku zalomit a ist do druheho riadku...prikladam aj kod, ako to mam napisane - aby sa to dalo pochopit lepsie co myslim

Kód:

<table>
      <tr>
      <td>
         <table >
         <tr><td>HLAVA</td></tr>
         </table>

         <table>
        <tr><td>OBSAH KTORY MI VZDY NATIAHNE TABULKU NA VELKU VELKOST</td></tr>
        </table>

         <table>
         <tr><td>KONIEC</td></tr>
          </table>

      </td>
      </tr>
    </table>

neviete, ako by sa dalo obmedzi, tabulka mala max. sirku a dalej sa s nou nedlao hnut ? skusil som v css nastavit max-width, no to mi fixlo tabulku (napr. border tabulky ohranicoval tabulku leno do max. width co bola nastavena) no text mi veselo prechadzal dalej ...

Ďuri · Napísal **Ďuri**: 20.07.2009 14:37

Skus povkladat medzi pismena  , aby sa ti to dalo zalomit. Keby si mal text nie v <td>, ale v <p> alebo <div>e, mohol by si nastavit overflow: auto.

Inak dost otrasny kod, par veci mas v nom, ale uz si tam napchal 4 tabulky. Za chvilu tam budes mat bordel a nebudes sa v tom vyznat.

Ingenium Deerro · Napísal **Ingenium Deerro**: 20.07.2009 15:02

no ja tam šírku 100 zadefinovanú nevidím

Svolo · Napísal **Svolo**: 20.07.2009 15:26

Zeby???

Kód:

Ingenium Deerro · Napísal **Ingenium Deerro**: 20.07.2009 15:31

v prvom príspevku v tom kóde to tam naozaj nevidím .. a nestačilo by len width=100 ?

Ďuri · Napísal **Ďuri**: 20.07.2009 15:43

Moze to mat v <style> alebo v externom style. Nerieste to, nie je problem v tom.

senty · Napísal autor témy **senty**: 20.07.2009 16:41

no..takto :

Kód:

http://h.imagehost.org/0560/screen1.png

ako vidite, text co zacina v tom lavom "okienku" je dost dlhy - dajme tomu - prechadza popod ostatne bloky ... a neformatuje sa do niecoho "rozumneho"

Kód:

<div id="vsetko"> 
       <div id="velky_vlavo">
          
          <div id="hore"></div>
          <div id="stred"><span>ssssssssssssssssssssssssssssssssssssssssssssssssssssdasdasdadsadasdadaddaasdadadsdasasdaddassss</span></div>
          <div id="dole"></div>
       
       </div>
       
       <div id="velky_stred">
         
          <div id="hore"></div>
          <div id="stred"></div>
          <div id="dole"></div>
          
       </div>
       
       <div id="velky_vpravo">
         
          <div id="hore"></div>
          <div id="stred"></div>
          <div id="dole"></div>

       </div>
       
          <div id="pata"></div>
    </div>

CSS :

#vsetko{
   width:741px;
   border-color:#e8a70f;
   border-style: solid ;
   border-width:4px;
   display:block;
   margin:0 auto;
}

#pata{
   width:100%;
   clear:both;
}

#velky_vlavo{
   width:239px;
   border-color:#e8a70f;
   border-style: solid ;
   border-width:4px;
   float:left;
   clear:left;
}

#velky_stred{
    width:239px;
   border-color:#e8a70f;
   border-style: solid ;
   border-width:4px;
   float:left;
   
}

#velky_vpravo{
   width:239px;
   border-color:#e8a70f;
   border-style: solid ;
   border-width:4px;
   float:right;
}

#hore{
   width:239px;
   height:41px;
   background-image: url(.);
}

#dole{
   width:239px;
   height:23px;
   background-image: url(.);
}

#stred{
   width:239px;
   height:150px;
   background-image: url(.);
   
}

Ďuri · Napísal **Ďuri**: 20.07.2009 16:46

Kód:

div#stred { overflow: auto; }

senty · Napísal autor témy **senty**: 20.07.2009 17:00

problem vyrieseny...dikes :-)

tabulka s max. velkosotou

Podobné témy