Autor Zpráva
Rusty
Profil
Ahoj,
potřebovala bych poradit jak odsadit text v tabulce, aby nebyl přilepený na dělící čáru - http://www.rodrigez.unas.cz/Agility.html.
Předem díky

* {
padding: 0; 
margin:0;
font-family: Tahoma;
}
p {
margin: 0em 0;
line-height:1em;
}
dl {
margin:1em 0;
}
dt 
{
font-weight:bold;
}
dd 
{
margin:0em;
padding:0;
}
img 
{
padding:5px;
background-color:#3f3f3f;
margin:5px;
border:#000 1px solid;
}
img:hover
{
padding:5px;
background-color:#3f3f3f;
margin:5px;
border:#fff 1px solid;
}
img.right {
float: right;
margin:10px 0 0 10px;		
}
img.left {
float: left; 
margin:0 10px 10px 0;	
}
a:link img,
a:visited img,
a:hover img,
a:active img {
border:none;
background:none;
padding:none;
background:url(../img/shadow.gif) no-repeat right bottom;
padding:4px 10px 10px 4px;	
border-top:#eee 1px solid;
border-left:#eee 1px solid;		
}
img.wp-smiley, .wpstats, img.noborder, a img.noborder {
background: none;
border: 0;
padding: 0;
}
.clear {
clear:both;
height:20px;
}
blockquote
{
color:#666;
margin: 1em;
padding: 0 0 10px 50px;
background: url(../img/blockquote.gif) no-repeat left top;	
}
fieldset 
{
border:0;
}
body 
{
background: #171717 url(../img/bg.gif);
margin: 10px;
font: 80%/1.2em verdana, tahoma, arial, sans-serif; 
color: #fff; 
text-align: center;
}
a 
{
text-decoration:none;
}
a:link, a:visited {
color: #9acd32;
text-decoration:none;
}
a:hover, a:active {
text-decoration:underline;
color:#fff;
}
h1, h2, h3, h4, h5, h6 
{
font-family:Georgia;
color: #9acd32;
}

#container {
margin: 0 auto;
padding:0;
width:980px;
position: relative; 
text-align: left;
border:1px solid #000;
background:#313131;
}
#navigation {
background-image:url(../img/green/green-li.gif);
background-repeat:repeat-x;
background-position:center;
overflow: hidden; 
width:980px; 
position: relative; 
text-align: left;
font-family: Tahoma;
border-top: 0px solid #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
margin: 0 auto; 
}
html #navigation {
height: 1%;
}
#navigation ul li {
float: left; 
margin: 0px; 
list-style-type: none;
}
#navigation ul li a {
border-right:1px solid #1e1e1e;
border-bottom:none;
padding: 5px 9px 5px 9px; 
display: block; 
font-weight:bold;
color:#fff;		
text-decoration: none;
background:#eeeeee;
font-size:12px;
letter-spacing:0px;
background-image:url(../img/green/green-li.gif);
background-repeat:repeat-x;
background-position:center;
}
#navigation ul li a:hover, 
#navigation ul li a:active, 
#navigation ul li.current_page_item a 
{
background-image:url(../img/li-hover.gif);
background-repeat:repeat-x;
background-position:top;
color: #fff;	
border-right:1px solid #1e1e1e;
border-bottom:none;
font-size:12px;
text-decoration:underline;
}
#drop-shadow{
background-image:url(../img/drop-shadow.gif);
background-repeat:repeat-x;
background-position:center;
margin: 0px;
width:202px;
padding-top:2px;
padding-bottom:3px;
}
#header {
clear: both; 
margin: 0 auto; 
width:980px;
position: relative;
text-align:left;
padding:20px 0px 5px 0px;
color:#FFFFFF;
}
#header h1 
{
font-size:45px;
margin:10px 0 15px 0px;
font-variant:small-caps;
letter-spacing:0px;
color:#FFFFFF;
}
#header h1 a {

text-decoration:none;	
border:0;
color:#FFFFFF;
}
#header h2 
{
margin:5px 0 0 0px;
font-size:20px;
font-weight:normal;
font-family:Tahoma, Verdana, Arial, Serif;
letter-spacing:0px;
}
#feedarea {
height:30px; 	
text-align: left;
width:100%;
}
#feedarea a:link,feedarea a:active,feedarea a:visited,feedarea a:hover {
color:#FFFFFF;
text-decoration:none;
}
html #feedarea {
border-bottom:1px dashed #151515;

}
#feedarea dl dt {
display: inline; 
margin-right: 5px; 

}
#feedarea dl dd {
display: inline; 
margin-right: 5px; 
background:url(../img/icon_feed.gif) no-repeat left center;
padding-left:16px;

}

#content {

width:980px;
margin:0 auto;
position:relative;

}
html #content {

}
#content h4 {
font-size: 1.1em; 
margin: 1em 0 0 0;
}
#content h5 {
font-size: 1em; 
margin: 1em 0;
}
#content-main ul 
{
margin:0 1em;
padding:0 1em;
list-style-image:url(../img/bullet.png);
}
#content-main ul.asides 
{
margin:0;
padding:2em;
border-bottom:#000 1px solid;
}
#content ol 
{
list-style-type:decimal;
margin:1em;
padding-left:2em;
}
#content-main {
float: left;
width: 750px;
}
html #section-index #content-main {
margin-right: 0px;
}
#content .post 
{
padding-left:10px;
}
#content h2,
#content h3 
{
font-size: 1.5em; 
margin: 1em 0 0;	
font-weight:normal;
line-height:1.4em;	
letter-spacing:0px;
text-align:left;
color: #9acd32;
}
#content .entry 
{
}
#content .entry a:link, #content .entry a:visited
{
border-bottom: #9acd32 1px;    
}
#content .entry a:hover, #content .entry a:active
{
border-bottom:#333333 1px solid;
}
#content .entry li 
{
margin:0 0 0.3em 0;
padding:0;
line-height:1.6em;
}
#content .postmetadata
{
clear:both;
font-size:0.9em;
text-align:right;	color:#fff;
margin:0;
padding:0;

}
#content .post-info
{
clear:both;
font-size:0.9em;	color:#fff;
margin:0;
padding:0;

}
#content .post-info, 
#content h2.pagetitle 
{
background:url(../img/underline-repeat1.gif) repeat-x left bottom;
padding-bottom:15px;
}

#comments, #respond{
margin: 0;
padding:1em 0 0 0;
margin: 50px;
color:#333333;
}
#commentform 
{
margin: 5px;
padding:10px;
background:#292929;
border: #000 1px solid;
}
.commentnum 
{
font-size:1.5em;
font-weight:bold;	
margin:0 5px 0 0;
}
#container .commentlist {
margin: 1em 0;
padding: 0;
margin: 5px;

}
#container .commentlist li 
{
list-style:none;
margin: 0;
padding: 5px;
}
#container .commentlist li.alt 
{
background:#313131;    
}
#container .commentlist li.authorcomment 
{
border:#000 1px solid;
margin:20px;   
background-image:url(../img/cat-box-rep.png);
background-repeat:repeat-x;
background-position:top;	

}
#container .commentlist li .cmtinfo 
{
font-size:1em;			
}
#container .commentlist li cite 
{
font-style:normal;
font-weight:bold;
}
#container .commentlist li .cmtinfo em 
{
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:0.9em;	color:#fff;
}
#content .commentsfeed 
{
background:url(../img/icon_feed.gif) no-repeat left center;
padding-left:16px;
}
#content .trackback 
{
background:url(../img/link.gif) no-repeat left center;
padding-left:20px;
}
input.textbox, textarea
{
background:#333;
border:#000 1px solid;
font:1em Verdana, Arial, Serif;
padding:2px;
color:#FFFFFF;
width:150px;
}
textarea{
width: 90%;
padding:10px;
line-height:2em;
height: 20em;
}
input.textbox:focus, textarea:focus
{
border:#fff 1px solid;
}
#submit 
{
background-image:url(../img/green/green-li.gif);
background-repeat:repeat-x;
background-position:center;
padding:3px;
color:#FFFFFF;
font-weight:bold;
border: 1px solid #000000;

}
#submit hover{
background-image:url(../img/top-nav-hover.gif);
background-repeat:repeat-x;
background-position:center;
color: #fff;
}
.post h4 
{
font-size:1em;
font-weight:normal;
font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
font-style:normal;
float:right;
font-weight:normal;
}
#header, #content, #sidebar, #footer, .widget {
overflow: hidden;
}
.did-you-know{
background-color:#1e1e1e;
border-bottom: #000000 1px solid; 
border-left: #000000 1px solid; 
border-right: #000000 1px solid; 
padding-top:3px;
padding-bottom:3px;
font-size:11px;
width:980px;
margin: 0px  auto; 
color:#fff;
}

.footer-area{
width:980px; 
position: relative; 
text-align: center;
font-family: Tahoma;
margin: 0 auto;
padding:0px 0 0px 0;
font-size:12px;
font-weight:bold;
color: #9acd32;
text-decoration:none;
}
.footer-area a{
font-size:12px;
font-weight:bold;
border:0px;
color: #9acd32;
text-decoration:none;
}
.footer-area a:hover{
font-size:12px;
font-weight:bold;
border:0px;
color: #9acd32;
text-decoration:none;
}
.footer-area a:visited{
font-size:12px;
font-weight:bold;
border:0px;
color: #9acd32;
text-decoration:none;
}
.footer-area a:hover{
font-size:12px;
font-weight:bold;
border:0px;
color: #9acd32;
text-decoration:none;
}
.Theme-Sponsors{
padding-top:0x;
padding-bottom:0px
width:980px;
font-size:11px;
margin: 15px;
text-align:left;
color: #9acd32;
}
.Theme-Sponsors a:hover{
font-size:11px;
color: #9acd32;
border:0px;
}
.Theme-Sponsors a:visited{
font-size:11px;
color: #9acd32;
border:0px;
}
.Theme-Sponsors a:active{
font-size:11px;
color: #9acd32;
border:0px;
}
.Theme-Sponsors a{
font-size:11px;
color: #9acd32;
border:0px;
}
.Theme-Sponsors a:hover{
font-size:11px;
color: #9acd32;
border:0px;
}
#search-tool-div{
position:absolute;
visibility:visible;
z-index:100;
right:20px;
top:30px;
}
.search-top{
border: #9acd32 1px solid;
padding:4px;
background:#333 url(../img/form-bg.gif) repeat-x top;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
.search-top:focus{
padding:4px;
background:#333 url(../img/form-bg.gif) repeat-x top;
border:#fff 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #9acd32;
}
.submit-search{
padding:2px;
margin:0px;
font-size:11px;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.submit-search:hover{
padding:2px;
font-size:11px;
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.no-image{
border:0px;
background-image:none;
padding:0px;
margin-right:5px;
}

Moderátor Chamurappi: Useknuto, nevejde se to sem celé. Vkládej prosím relevantní kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
Plaváček
Profil
Rusty

Nastavit buňkám tabulky padding?
Petr ZZZ
Profil
Reaguji na Rusty #1

jak odsadit text v tabulce

bud jednoduše:

<td>&nbsp;Active Holiday - agility závod</td>


nebo mozna to pujde ješte jednodušeji (mezera) (vyzkoušet):

<td> Active Holiday - agility závod</td>


Anebo tabulku naformátuješ.
Joker
Profil
Petr ZZZ:
Nemá-li ta mezera být součástí textu (tj. má to být "dekorativní mezera"), raději padding.
Rusty
Profil
Nastavit buňkám tabulky padding?

Díky za odpověď, ale na mě se musí trochu jak na hlupáka :)
Kde to nastavím?
Tu tabulku (kódy) jsem okopčila z jiné webu.
Plaváček
Profil
Rusty

Tak zkus do stylu přidat toto:

#content-main td {
padding: 5px 5px 5px 5px;
}


a jednotlivé hodnoty si uprav dle svého (jsou uvedeny v pořadí - horní, pravá, dolní, levá).
Rusty
Profil
Díky, tohle už snad zvládnu :)
Petr ZZZ
Profil
Chtěl jsem jen doplnit, že Plaváček [#2]+[#6] a Joker [#4] mají samozřejmě pravdu, padding je lepší. Nejen protože je na to myšlený, ale dá se nastavit na 4 strany (viz Plaváček [#6]) a na různý počet pixelů, i třeba na různý počet pixelů do různých stran.

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: