Autor Zpráva
lentile
Profil *
#1 · Zasláno: 29. 9. 2007, 10:58:11
Odpovědět Citovat
Potreboval bych odsadit text v 1. divu. Jenze se mi to nejak nedari. Tusim, ze to bude nejak pomoci margin, ale to se mi zrejme odsadi cely ten div, a ne jen text.
Schematicky bych to napsal asi takhle(vim, ze takhle se to ve skutecnosti zapsat neda):
#quarter {
position:relative;
left:0px;
top:315px;
width:454px;
height:14px;
background-color:#FFFFFF;
text-align: right;
a {
margin-right: 8px;
}
}
Taps
Profil
#2 · Zasláno: 29. 9. 2007, 11:02:33
Odpovědět Citovat
ne margin ale padding-left
Manq
Profil
#3 · Zasláno: 29. 9. 2007, 11:06:18
Odpovědět Citovat
lentile
vim, ze takhle se to ve skutecnosti zapsat neda
Proč?
lentile
Profil *
#4 · Zasláno: 29. 9. 2007, 11:18:49
Odpovědět Citovat
Takze da?
Manq
Profil
#5 · Zasláno: 29. 9. 2007, 11:31:36
Odpovědět Citovat
lentile
#quarter {
position:relative;
left:0px;
top:315px;
width:454px;
height:14px;
background-color:#FFFFFF;
text-align: right;
a {
margin-right: 8px;
}
}

a hopla, nevšiml jsem si tam té závorky.

Má to být takto

#quarter {
position:relative;
left:0px;
top:315px;
width:454px;
height:14px;
background-color:#FFFFFF;
text-align: right; }

#quater a {
margin-right: 8px;
}


Já ale pořád nepochopil, co chceš. Ty chceš mít v DIVu text zarovnaný do prava a ještě ho mít odsazený? Jestli ano, tak ten můj styl by ti to měl zajistit
lentile
Profil *
#6 · Zasláno: 29. 9. 2007, 11:52:13
Odpovědět Citovat
Mno, to chci, ale nefunguje to. Zleva to funguje, ale zprava ne.
Manq
Profil
#7 · Zasláno: 29. 9. 2007, 12:04:43
Odpovědět Citovat 
<?xml version="1.0" encoding="utf-8"?><!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" lang="cs">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="description" content="" />

<meta name="keywords" content="" />

<meta name="author" content="" />

<link rel="stylesheet" href="styles/" type="text/css"  media="screen, projection" />

<link rel="stylesheet" href="styles/" type="text/css"  media="print" />

<title></title><style>#quarter { 

position:relative; 

left:0px; 

top:315px; 

width:454px; 

height:14px; 

background-color:#FFFFFF; 

text-align: right;

border:1px solid #000 } 



#quarter a { 

margin-right: 8px; 

}</style>

 <body>





<div id="quarter"><a href="#">zkouška</a></div>

 </body>

</html>
lentile
Profil *
#8 · Zasláno: 29. 9. 2007, 21:48:06
Odpovědět Citovat
Jeste me nejde odsadit zprava i leva zaroven. Nechapu to vubec.
kod je takhle: 
html, body {

 font-family: "Tahoma", "Arial CE", "Times New Roman";

 font-style : normal;

 background-color : white;

}



#design {

position:relative;

left:0px;

top:0px;

width:454px;

height:331px;

margin: auto;

}



#header {

position:absolute;

left:0px;

top:0px;

width:454px;

height:99px;

background-image: url('layout/01.gif');

}



#menu {

position:absolute;

left:0px;

top:99px;

width:454px;

height:22px;

background-image: url('layout/02.gif');

font-size: 12px;

padding-top: 4px;

padding-left: 2em;

}



#menu a:visited, #menu a:link{

color: #4A4A4A;

text-decoration: none;

}



#menu a:active, #menu a:hover{

color: black;

text-decoration: none;

}



#main_content {

position:absolute;

left:0px;

top:121px;

width:454px;

height:192px;

background-color:#FFFFFF;

font-size: 12px;

color: #4A4A4A;

padding-top: 0.5em;

padding-right: 4em;

padding-left: 2em;

text-indent: 2.5em;

text-align: justify;

}



#main_content a:visited, #main_content a:active, #main_content a:hover, #main_content a:link {

color: black;

text-decoration: none;

}



#line_1 {

position:absolute;

left:0px;

top:313px;

width:454px;

height:2px;

background-image: url('layout/04.gif');

}



#quarter {

position:relative;

left:0;

top:315px;

width:454px;

height:14px;

font-size: 10px;

background-color:#FFFFFF;

color: #4A4A4A;

text-align: right; }



#quarter p {

padding-right: 1em;

padding-top: 1px;

}



#quarter a:visited, #quarter a:active, #quarter a:hover, #quarter a:link {

color: black;

text-decoration: none;

}



#line_2 {

position:absolute;

left:0;

top:329px;

width:454px;

height:2px;

background-image: url('layout/06.gif');
lentile
Profil *
#9 · Zasláno: 29. 9. 2007, 21:49:30
Odpovědět Citovat
/edit: je to nekde tady: #main_content {

position:absolute;

left:0px;

top:121px;

width:454px;

height:192px;

background-color:#FFFFFF;

font-size: 12px;

color: #4A4A4A;

padding-top: 0.5em;

padding-right: 4em;

padding-left: 2em;

text-indent: 2.5em;

text-align: justify;

}
Časová prodleva: 17 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0